web2ajax : The Blog

sept2007265 talks

jQuery : Raffraichir un Div périodiquement !

Je cherchais depuis hier soir un plugin jQuery qui puisse me permettre de raffraichir le code html d’une DIV a intervalle régulier pour un module de news et Ô, désespoir : celui-ci n’existait pas !

Donc Bibi, comme il en avait besoin et qu’il aime bien l’esprit communautaire, bah il a commencé à créer ce plugin pour sa bibine, et aussi et surtout à partager ce plugin à toute la communauté.

Pour le plugin jQuery « jQuery.refreshDiv.js » :

/*
*    jquery.refreshDiv 1.0 - 2007-09-26
*
*    All the new stuff written by Guillaume DE LA RUE (www.web2ajax.fr)
*    Feel free to do whatever you want with this file
*
*/

(function($) {
$.refreshDiv = function(source, url, interval_ms) {
return setInterval(
function() {
return $(source).load(url) ;
}, interval_ms );
}

$.fn.refreshDiv = function(url, interval_ms) {
if (!url) return;
this.each(function() {
new $.refreshDiv(this, url, interval_ms);
});
return this;
};
})(jQuery);

Et pour raffraichir un DIv :

jQuery(document).ready(function() {
// Refresh news div every 3000 sec
$('#news_panel').refreshDiv('/Actualites/module.html', 3*60*1000) ;
});

Testez le et dites moi si c’est bon pour vous que je le mette directement sur le site officiel de jQuery !

This entry was written by Guillaume DE LA RUE and posted on 26 septembre 2007 at 14:55 and filed under jQuery, Mes travaux, plugins, Web2.0. Bookmark the permalink.

Follow any comments here with the RSS feed for this post.
Post a comment or leave a trackback: Trackback URL.

5 commentaires

  • Knah Tsaeb Said:

    Je cherchais également le moyen de lancer une action à un intervalle donné. Et j'ai trouvé ceci http://plugins.jquery.com/project/timers Je n'ai pas tester ton script, alors regarde si cela ne fait pas doublons avec Jquery Timer.

    En tous cas bon boulot quand même.

    4 septembre 2009 09:32

  • Unsoxerwonoxia Said:

    mzcyyjcpdofhirhtwell, hi admin adn people nice forum indeed. how's life? hope it's introduce branch ;)

    31 décembre 2008 09:28

  • Dom Said:

    Hello

    Exactement ce que je cherche. Mais si je veux rajouter un bouton pour déclancher le refresh manuel du div. commen que je fait?

    Merci d'avance.

    Dom

    22 décembre 2008 11:35

  • Guiltouf Said:

    Bonjour, qu'est-ce que tu as comme erreur ? Tu utilises quelle version de jQuery ?

    Ciao.

    5 août 2008 18:14

  • bonjour Said:

    Bonjour,

    J'ai tester et je n'arrive pas à le faire fonctionner ?

    j'ai bien le

    et

    $(document).ready(function() {

    // Refresh news div every 3000 sec

    $(’#bloc_information’).refreshDiv(’./information.php’, 6) ;

    });

    Mais cela ne marche pas :(

    Par avance je vous remercie.

    4 août 2008 16:05

LEAVE A COMMENT