Scripts zitten elkaar in de weg?

[Mvnl]

Ik heb zojuist een retweet-knop aan mijn Tumblr-site toegevoegd met dit script:

<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>

Nu merk ik dat (overigens alleen in Firefox) mijn 'load more posts'-knop onder aan de site niet meer werkt.. en zodra ik de tweetcounter-weghaal werkt ie gewoon weer.. het lijkt ook niet uit te maken waar ik 'm plaats in mijn html..

Ik heb zelf geen flauw idee wat het voor een invloed op elkaar kan hebben (en waarom het alleen in FF misgaat, terwijl IE normaal gevoeliger is voor 'foutjes' in html e.d.)

Is er om te beginnen een manier om na te gaan wat FF doet op het moment dat ik op de 'load more posts'-knop druk? (en heeft iemand sowieso al een idee waar dit mis kan gaan?)

http://www.popsessed.com

 

[That Guy]

Firefox heeft een meesterlijk console, druk eens op ctrl+shift+J. Ik krijg (naast een HELEBOEL 'stijl' foutjes):

Error: missing ; before statement
Source File: http://www.popsessed.com/
Line: 31, Column: 4
Source Code:
* var disqus_developer = 1;

ergens een comment die verkeert is gegaan denk ik zo.


:thumb:

 

[Mvnl]

Uhm, maar wat houdt dat precies in? Ik zie zo 123 niet wat er aan die regel mankeert en waar er dan een ; zou moeten ontbreken?

Overigens heeft die regel volgens mij niets met beide scripts te maken...

 

[Supersnail]

Haal de "*/" vooraan regel 31 eens weg. Normaal gebruik je dat om een commentaarblok te sluiten, maar er begint nergens een commentaarblok (begin is "/*").

 

[Mvnl]

Haal de "*/" vooraan regel 31 eens weg. Normaal gebruik je dat om een commentaarblok te sluiten, maar er begint nergens een commentaarblok (begin is "/*").

/* stond er toch?
Die / had ik net even toegevoegd na te googlen naar disqus_developer-code.. heb m nu weer weggehaald en heeft sowieso (geloof ik) weinig met beide scripts die conflicteren te maken.

 

[That Guy]

nou, ik zie nogsteeds dit in je bron staan:

<script type="text/javascript">

    * var disqus_developer = 1; 

</script>

maak daar eens

<script type="text/javascript">

    /* var disqus_developer = 1; */

</script>

of

<script type="text/javascript">

    // var disqus_developer = 1; 

</script>

van?

 

[Mvnl]

Gedaan, maar beide opties veranderen niets aan het probleem (en zijn er volgens mij ook niet op van invloed.. het disqusgedeelte werkt goed, en toen ik alleen dat gebruikte, werkte mijn pageload-feature ook nog prima)

 

[That Guy]

hmm, apart. Als ik op de 'read more posts' klik, krijg ik een lijst warnings, en ga ik opnieuw naar je site (alleen laad deze niet, dus blijf ik een witte pagina zien). BLIJKBAAR zit er iets fouts in de code als je op de 'load-more-posts' div klikt, ik kan alleen even niet vinden waar deze code zit. Weet jij dat toevallig?


Overgens is dit een van de redenen waarom ik zo'n afschuw heb van tientallen javascripts op je site; dingen conflicteren, dingen missen, dingen gaan fout, je site wordt traag.

:thumb:

Nog wat tips:

1. audio-player.js mist op pinksoap.nl
2. errr, nogmaals; je roept m 2x aan?!?!
3. ook missen: builder.js, controls.js, en sound.js 2x (allemaal vancastr.appspot.com)
4. het duurt totaal bijna 5 seconden om je volledige site binnen te halen, dat's nogal... traag.
5. html niet echt... valid: http://validator.w3.org/check?verbose=1&uri=http://www.popsessed.com/
6. hetzelfde voor je css: http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http://www.popsessed.com/
​

 

[Mvnl]

hmm, apart. Als ik op de 'read more posts' klik, krijg ik een lijst warnings, en ga ik opnieuw naar je site (alleen laad deze niet, dus blijf ik een witte pagina zien). BLIJKBAAR zit er iets fouts in de code als je op de 'load-more-posts' div klikt, ik kan alleen even niet vinden waar deze code zit. Weet jij dat toevallig?


Overgens is dit een van de redenen waarom ik zo'n afschuw heb van tientallen javascripts op je site; dingen conflicteren, dingen missen, dingen gaan fout, je site wordt traag.

:thumb:

Nog wat tips:

1. audio-player.js mist op pinksoap.nl
2. errr, nogmaals; je roept m 2x aan?!?!
3. ook missen: builder.js, controls.js, en sound.js 2x (allemaal vancastr.appspot.com)
4. het duurt totaal bijna 5 seconden om je volledige site binnen te halen, dat's nogal... traag.
5. html niet echt... valid: http://validator.w3.org/check?verbose=1&uri=http://www.popsessed.com/
6. hetzelfde voor je css: http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http://www.popsessed.com/
​

Ik zal er eens naar kijken.. al zie ik toch ook wel veel dingen die gewoon letterlijk al in t script stonden of als complete code/script ergens van zijn overgenomen..META NAME mag niet met hoofdletters? Dat zie ik bijv echt overal zo staan...

Qua die traagheid, is daar behalve gebruiken van minder of kleinere plaatjes nog echt iets aan te doen?

 

[Mvnl]

hmm, apart. Als ik op de 'read more posts' klik, krijg ik een lijst warnings, en ga ik opnieuw naar je site (alleen laad deze niet, dus blijf ik een witte pagina zien). BLIJKBAAR zit er iets fouts in de code als je op de 'load-more-posts' div klikt, ik kan alleen even niet vinden waar deze code zit. Weet jij dat toevallig?

Helemaal precies weten doe ik het niet, maar volgens mij zijn dit elementen die met de code van doen hebben:

<script type="text/javascript">

// ##################### THEME CONFIGURATION HERE ####################
var ajax_loader = true; //set to false to use standard pagination
// ###################################################################
</script>
<link rel="stylesheet" href="http://static.tumblr.com/xsp9wak/akkklnvyu/jquery.fancybox-tumblr.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
<script src="http://static.tumblr.com/xsp9wak/rqFklb40z/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/xsp9wak/trzklb43b/jquery.fancybox-1.2.1.pack.js" type="text/javascript"></script>

(in de header)

en in de body:

<div id="load-more-posts"></div>
<div id="hidden_navinfo"><!-- this is necessary for ajax pagination --><span class="startpage">{currentpage}</span><span class="totalpages">{TotalPages}</span></div>