BlockUI plugin jquery
Par Laurent | 15.06.09 14:59 | 0 commentaire(s) | programmation
Voilà un plugin JQUERY qui est très intéressant car il permet de mettre au premier plan une fonction, information, image... sur une page web avec effets.
Comment BlockUI fonctionne ?
Et bien ce plugin va simuler un comportement synchrone lorsque vous utiliserez de l'ajax, sans bloquer le navigateur (alors que l'objet XMLHttpRequest en mode synchrone bloque le navigateur tant que la réponse de la requête n'est pas parvenue, comportement pas forcément souhaitable).Quand on active le plugin(par le biais d'un bouton par exemple), l'utilisateur sera prévenu par un message(ou une image, une opacité du fond, ou autre chose...) de l'activité en cours sur la page....
Comment installer ce plugin ?
Vous devez d'une part avoir ajouté JQUERY sur votre serveur car le plugin BlockUI fait appel à cette librairie.
Une fois donc Jquery sur votre site, vous pourrez très facilement faire appel au plugin comme par exemple comme ceci :
Voilà donc ce code qui lorsqu'on clique sur le bouton Appel du script va montrer le texte : Exemple avec un timeout de 5 secondes sur la page web et ensuite disparaitre, puis à la fin du message (des 5 secondes), on a un message dans la boite alert javscript qui va afficher un texte : Salut un message après la fin du timeout
Ce plugin permet donc d'afficher des informations à l'écran très simplement,
De nombreuses demos sont disponibles sur le site.
Vous pourrez ainsi customiser à souhait vos pages, avec des messages de loading, d'attente,..., avec des effets fadein, showOverlay, .... durant des requêtes qui seront lancées par une page utilisant ce plugin.
De nombreuses options sont initialisables lorsque le script se lancera $.blockUI({.....}); et d'autres options lorsque le script se termine : setTimeout(function() {
$.unblockUI({ onUnblock: function(){ alert('Salut un message après la fin du timeout'); } });
}, 5000);
Voilà de quoi créer des effets, des affichages de formulaire....
derniers commentaires