30
09
2008

Dojo : Script d'affichage de message temporaire

Je ne suis pas un partisan de Dojo Toolkit. Je l'utilise au travail parce que mon boss l'a choisi :p

Mais du coup, je développe quelques scripts dessus, et en voici un tout court tout simple qui permet d'afficher un message sur une certaine durée.

Je l'utilise pour indiquer à l'utilisateur le résultat d'une commande effectuée sans recharger la page.

Je le met ici, si ca peux servir ! :)


function showbox (sDiv, sMessage, iDuration) {
	dojo.byId (sDiv).innerHTML = '';

	if (iDuration == null)
		iDuration = 3000;

	if (typeof (_oFadeOut) != 'undefined')
		_oFadeOut.stop ();

	// On met la visibilité de l'élément à 0
	var _oFadeOut = dojo.fadeOut ({
		onEnd: function() {
			// On met le texte de sMessage dans sDiv
			dojo.byId (sDiv).innerHTML = sMessage;

			// On fait un fadeIn
			dojo.fadeIn ({
				node: sDiv,
				duration: 700,
				// On attends x secondes
				onEnd: function () {
					setTimeout (function () {
						// On fait un fadeOut
						dojo.fadeOut ({
							node: sDiv,
							duration: 700,
							// Une fois finis on efface le contenu
							onEnd: function () {dojo.byId (sDiv).innerHTML = '';}
						}).play ();
					}, iDuration);
				}
			}).play ();
		},
		node: sDiv,
		duration: 1,
	});

	_oFadeOut.play ();
}
Share/Save/Bookmark

Add a comment