Goedenavond.

Ik heb een klein probleempje.
Op mijn portfolio, heb ik ook een twitter 'spreekwolkje' staan. Het probleem is het volgende.

Het spreekwolkje zit boven aan de website, en aangezien hij twitter moet laden, wat soms nogal lang duurt, wacht hij eerst daar op, en dan pas laad hij de rest. Wat het gevolg heeft dat de hele website langzaam laad.

http://PznDesigns.nl

Op dit moment laad hij wel redelijk.
Maar soms als Twitter wat drukjes is, dan laad mn site langzamer.

Wat nu de vraag was. Is er een mogelijkheid dat mn 'twitter wolkje' pas op het laatste laad?


Hier de code.

Code:

<p><div id="twitter_div" style="width: 300px; float: right; margin-right: 200px">
        <ul id="twitter_update_list" style="list-style: none;"></ul>
        <a href="http://twitter.com/HugoPzn" id="twitter-link" style="display:block;text-align:right;">Volg me op Twitter</a>
        </div>
        <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
        <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/HugoPzn.json?callback=twitterCallback2&amp;count=1"></script>
</div>

Bij voorbaat dank!

Hugo Troost.

volgens mij wordt een include als laatste geladen. Zet het stukje code in een apart bestand en laat die via een include opvragen.

<?php
include ('bestand.html');
?>

http://php.net/manual/en/function.include.php

Groet,
Robert

Je website kan bij mij sowieso niet gevonden worden: "Firefox can't find the server at www.pzndesigns.nl."

Verder begrijp ik de reactie van Robert niet zo goed omdat m.i. PHP hier helemaal niets mee te maken heeft.
Ik denk dat je het met Javascript op zou moeten lossen. Je wilt er immers voor zorgen dat de client (browser) óf de twitter-functionaliteit als laatste laadT óf dat parallel laadt met de rest van de pagina.

Ik weet zo niet hoe je dat zou moeten doen maar ongetwijfeld kun je daarop even Googlen.

@Robert, bedankt, ik ga het eens proberen

@Ruud, mag ik jou vragen wat voor browser en OS je gebruikt?

Met php werkt niet lijkt me, omdat dit nog server side is.
Ik zou javascript gebruiken:

Je wolkje wordt dat pas geladen als de rest van de pagina klaar is met laden.

Code:

function laad_wolkje() { 
document.getElementById("twitter_div").innerHTML = "<ul id="twit <!-- rest van je html --> ript>";
} 
	 
window.onload=laad_wolkje;

Let wel dat je de aanhalingstekens (") in javascript moet vervangen door \" (van je html bij innerHTML).

Wilbert!

Bedankt voor je reactie,

Ehm om eerlijk te zijn ben ik echt een dummy wat programmeren betreft.
Wat ik nu heb gedaan, ik heb hem hier tussen geknikkerd, ik zou niet weten of het goed is.

Code:

      <div id="twitter">
        <div class="center">
        <p><div id="twitter_div" style="width: 300px; float: right; margin-right: 200px">
        <ul id="twitter_update_list" style="list-style: none;"></ul>
        <script type="text/javascript" function laad_wolkje() { document.getElementById("twitter_div").innerHTML = "<ul id="twit <!--  <a href="http://twitter.com/HugoPzn" id="twitter-link" style="display:block;text-align:right;">Volg me op Twitter</a>
        </div>
        <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
        <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/HugoPzn.json?callback=twitterCallback2&amp;count=1"></script> --> ript>";
} 
     
window.onload=laad_wolkje;</script>
        </div>
        </p>
      </div>

M.v.g.
Hugo Troost

Edit:

Bijlage toegevoegd.

Wat ik heb gewijzigd:
De <scripts> in je twitterdivs heb ik verwijderd.

In het script na de body tag heb ik het volgende toegevoegd:

Code:

jQuery(document).ready(function($) {
         $.getScript("http://twitter.com/javascripts/blogger.js");
         $.getScript("http://twitter.com/statuses/user_timeline/HugoPzn.json?callback=twitterCallback2&count=1");
        });

Uitleg:

Code:

jQuery(document).ready(function($) {}

Deze functie wacht totdat de pagina geladen is.

Code:

$.getScript("http://twitter.com/javascripts/blogger.js");
$.getScript("http://twitter.com/statuses/user_timeline/HugoPzn.json?callback=twitterCallback2&count=1");

Laadt de scripten van twitter.

Ik heb "media/js/website.js" in je code aangepast omdat dit bestand niet op je server staat. In plaats daarvan laad ik de jquery van google: https://ajax.googleapis.com/ajax/libs.../jquery.min.js

Verder: Het is beter om je script elementen in de head te zetten in plaats van na de body.
Succes

Beste Wilbert,

Aah kijk eens aan, perfect!
Dit stel ik zeer op prijs! Echt, bedankt!

Graag gedaan ;-) Succes met je website