<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>