Effet de slide avec mootools

Mootools est un excellent framework JS léger et modulaire qui saura vous rendre bien des services. Dans ce petit tutorial nous allons voir comment avec quelques lignes de code mettre en place un effet de slide simple et efficace. Pour commencer vous pouvez directement télécharger ici le code js.

L’archive comprend le code du framework et un fichier d’exemple avec différents effets de slide verticaux et horizontaux. Nous allons nous intéresser au toggle vertical, mais la démarche reste la même quel que soit l’effet choisi. Voici le code :

<script language="JavaScript" type="text/javascript">
<!--
window.addEvent('domready', function() {

	var myVerticalSlide = new Fx.Slide('slide');
	myVerticalSlide.toggle();

	$('v_toggle').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.toggle();
	});

});
// -->
</script>

Evidemment il faudra veiller à ce que le framework soit bien appelé et conformément à l’exemple ci-dessus on mettra notre contenu dans une div avec un id égal à “slide”. Pour expliquer rapidement le code on met en place un gestionnaire d’événement au chargement du DOM. Lorsque un élément identifié par “v_toggle” sera cliqué cela lancera l’effet de slide.

Présentation de Google Analytics

Avant d’entamer une série d’article sur Google Analytics, je voudrais commencer par en faire une petite présentation.

Google Analytics est un service de Web Analytique basé sur les outils de la société Urchin Software Corporation racheté en 2005 par Google.

Sa première qualité est sa simplicité apparente. Il suffit de s’inscrire au service, copier le marqueur qui vous est fourni et la placer sur vos pages et vous aurez très vite tout un tas de données exploitables.

Mais en rester la ce serait passer à coté de ce qui fait toute la force de cet outil. En premier lieu, les toutes puissantes expressions régulières qui révèlent toutes leur force quand elle sont appliqués à l’impressionnant système de filtres que propose Google Analytics. Les profils sur lesquels vont s’appliquer ces filtres, mais aussi également les récents segments avancés et les rapports personnalisés qui permettent de sélectionner et croiser de multiples données avec une grande précision. Sans parler des valeurs personnalisées, du tracking d’événement, du module d’E-commerce ou de l’intégration automatique d’Adwords. Sans parler également non plus des prochaines features à venir comme l’intégration d’adsense ou l’API. Bref vous l’aurez compris j’aime beaucoup cet outil. Et nous aurons très prochainement l’occasion d’en parler plus en détail.

Je voudrais terminer en signalant une nouvelle assez récente que les lecteurs du blog d’Analytics n’auront pas manqués de noter. Des changements concernant la fonction _setVar(). En effet jusqu’à présent l’usage de cette fonction qui permet d’attribuer une valeur personnalisé avait pour effet malencontreux d’affecter le taux de bounce et le temps passé sur la page. (Ce qui pouvait ce comprendre dans certains cas, mais qui perdait son sens lorsque le setting se faisait au chargement de la page). Maintenant, si l’on peut dire, c’est réglé. Ne vous affolez pas si votre taux de rebond a grimpé en flèche depuis le 29 Janvier, c’est juste que le _setVar() n’a plus pour effet de l’annuler.