Charger des javascripts distants dans le "domready" de Mootools

llaumgui — Thu, 15 May 2008 20:22:00 +0200

Certains l'avaient peut-être remarqué, depuis quelques jours, le blog ramait grave ! Les symptômes : le bandeau, qui change selon l'heure de la journée, ainsi que différentes couleurs du site mettaient du temps à s'afficher.

La faute au script de Twitter qui ralentissait le chargement de la page et reculait d'autant l'évènement domready de MooTools.

C'est après avoir posé la question sur les forums de MooToos que la solution c'est offerte à moi : construire l'élément <script> qui appelle les javascripts de Twitter dynamiquement et dans le domready, c'est à dire une fois mon design en place.

J'ai pour cela mis en place une petite fonction sur laquelle vous pouvez vous appuyer :

/* 

 * Mootools : onDOMReady

 *

 * Remarque : les actions prioritaires en premier.

-------------------------------------------------------- */

window.addEvent('domready', function(){



        var nodoka                      = new Nodoka();

        var scripts             = [     /* twitter */

                                                'http://twitter.com/javascripts/blogger.js',

                                                'http://twitter.com/statuses/user_timeline/llaumgui.json?callback=twitterCallback2&count=5"' ];

        /* [ . . . ] */

        nodoka.loadJS( scripts );

        /* [ . . . ] */

}); // EODR



/* [ . . . ] */



function Nodoka() {

        

        /* [ . . . ] */



        /*

         * Ajout des Javascripts distant

         * @author Guillaume Kulakowski <guillaume_AT_llaumgui_DOT_com>

         * @since 1.0.1

         */

        this.loadJS = function loadJS( scripts ) {

                

                scripts.each(function(src){

                        var loadJS = new Element('script', {

                        'src': src,

                        'type': 'text/javascript'

                        }).injectInside(document.head);

                });

        };



        /* [ . . . ] */

        

}; // EOC

En vrac n°5

llaumgui — Thu, 01 May 2008 10:57:00 +0200

Ça faisait longtemps que je n'avais pas fait un billet de vrac...

Au sommaire :

PunBB.org déménage
Dotclear 2.0 RC1
Twitter
FISE
Logo Fedora 9
301
2ème Live eTIC Party de Montpellier

PunBB.org déménage

Depuis que PunBB est sponsorisé par une entreprise, la version 1.3 avance plus vite (pas assez à mon goût). Par contre, il faut faire certaines contre-parties... Notons quand même que nos amis Américains le prennent beaucoup moins bien.

Dotclear 2.0 RC1

Dotclear 2.0 arrive en version RC1 avec plein de nouveautés pour ceux qui sont restés en bêta 7. De mon côté, j'ai suivi les évolutions jour après jour : SVN est mon ami.

Twitter

Après le blogging, le microblogging : je m'essaie à Twitter... Pourquoi le choix de Twitter ? Pour son intégration dans Mugshot. Pour le moment je passe par TwitterFox mais il faudrait que je teste Twitux ou Twitm.

FISE

En ce 1^er Mai, je m'en vais défiler sur les berges du Lèz pour aller regarder le FISE.

Logo Fedora 9

Vu sur le blog de Ryan Lerch :

301

Et oui, déjà 300 billets publiés sur mon blog... Pourquoi le compteur n'en affiche que 294 ? Car vraisemblablement il y en a 7 que j'ai dépublié depuis. Mais je préfère prendre en comte le compteur de l'administration de Dotclear... Allez, rendez-vous pour le 400ème.

2ème Live eTIC Party de Montpellier

Pas grand monde malheureusement. Je mettrai mes slides ainsi que la vidéo Youtube de l'intervention dans la semaine.

Le blog de llaumgui - Balise - Twitter