Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery load animation
    primarykey
    data
    text
    <p>Almost finished my site but a have this fatal error I don't know how to solve</p> <p>I've used a guide from <a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/" rel="nofollow">http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/</a></p> <p>But I can't get it to work. I would be really happy I you guys could help.</p> <p>here is the link to the page where i'm trying to get it to work <a href="http://www.matskruger.dk" rel="nofollow">http://www.matskruger.dk</a></p> <p>Html:</p> <pre><code>&lt;div id="wrapper"&gt; &lt;div id="LeftPane"&gt; &lt;div id="Logo"&gt; &lt;h1&gt;Mats Ulrik Krüger&lt;/h1&gt; &lt;/div&gt; &lt;div id="HorzMenu"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#JO"&gt;JO Informatik&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#AnnDig"&gt;Annemette Digmann&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="ContentPane"&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Script:</p> <pre><code>var hash = window.location.hash.substr(1); var href = $('#MainMenu li a').each(function(){ var href = $(this).attr('href'); if(hash==href.substr(0,href.length-5)){ var toLoad = hash+'.html #ContentPane'; $('#ContentPane').load(toLoad) } }); $('#MainMenu li a').click(function(){ var toLoad = $(this).attr('href')+' #content'; $('#ContentPane').hide('fast',loadContent); $('#load').remove(); $('#wrapper').append('&lt;span id="load"&gt;LOADING...&lt;/span&gt;'); $('#load').fadeIn('normal'); window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); function loadContent() { $('#ContentPane').load(toLoad,'',showNewContent()) } function showNewContent() { $('#ContentPane').show('normal',hideLoader()); } function hideLoader() { $('#load').fadeOut('normal'); } return false; }); </code></pre> <p>Thanks </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload