Retour

Utilisez les événements !

Exemple n° 2

<script type="text/javascript">
	$(document).ready(function(){
		/*
		* Comme d'habitude jQuery possède une écriture alternative que certains désigne même comme simplifiée.
		* Je vous conseille de l'utiliser uniquement lorsque vous n'avez pas ou très peu de données à
		* transmettre avec l'événement.
		*
		* N.B.: le handler peut toujours être une fonction indépendante.
		*/
		
		/*
		* On déclare attendre un événement et on consomme l'événement en utilisant
		* une fonction anonyme comme handler.
		*/
		$("#affiche").bind("appendAffiche.type2", {usage: "peu fréquent"}, function(event, utilisateur, dim){
			var s = [];
			
			s.push("<p><span style='color:#FF0000;'>Les attributs réservés :</span>");
			s.push("event.type = " + event.type);
			s.push("event.target = " + event.target);
			s.push("event.target.id = " + event.target.id);
			s.push("event.data = " + event.data);
			s.push("event.data.usage = " + event.data.usage);
			s.push("event.relatedTarget = " + event.relatedTarget);
			s.push("event.currentTarget = " + event.currentTarget);
			s.push("event.currentTarget.id = " + event.currentTarget.id);
			s.push("event.pageX = " + event.pageX);
			s.push("event.pageY = " + event.pageY);
			s.push("event.result = " + event.result);
			s.push("event.timeStamp = " + event.timeStamp);
			s.push("new Date(event.timeStamp) = " + new Date(event.timeStamp));
			
			s.push("</p><p><span style='color:#FF0000;'>Vos données :</span>");
			s.push("utilisateur = " + utilisateur);
			s.push("dim = " + dim);
			s.push("</p>");
			
			$("#affiche").append(s.join("<br/>"));
			
			return false;
		});
		
		/*
		* On construit et on déclenche l'événement en utilisant trigger()
		*/
		$("#btnAffiche").click(function(){
			$("#affiche").trigger("appendAffiche.type2", ["Daniel Hagnoul", "102"]);
		});
	});
</script>