Utilisez les événements !

Exemple n° 2

Afficher

$(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"]);
	});
});