jQuery Sliding Clock est une horloge numérique 2.0 propulsée par JavaScript via la librairie jQuery. C’est également une démonstration très originale des possibilités de ce framework !

Dans mon récent apprentissage de l’excellente librairie JavaScript jQuery, j’ai cherché une équivalence de la fonction MooTools $defined() permettant de déterminer si un objet est défini ou non. Ce test est très pratique sous MooTools car il permet par exemple d’améliorer la généricité des scripts ou encore d’éviter d’appeler des objets non définis sur la page courante et ainsi provoquer une erreur.

Voici donc un exemple de code jQuery permettant de tester si l’élément HTML portant l’id « define » existe ou non. Si et seulement s’il existe, nous lui affecterons alors un événement click. Notez également l’utilisation de preventDefault permettant de stopper le comportement par défaut de l’événement, comme par exemple le scroll en haut de page lors du clic sur un lien :

//If an HTML element with a "define" id exists :
if($('#define').length) {
 
	$('#define').click(function(e){
 
		//We are stopping the default event like scrolling to the top of the page for a link
		e.preventDefault();
 
		//Do some stuff here
 
	});			
}