Tableau dynamique : L’effet « Oeuf Fou »…

L’auteur de Askthecssguy a souhaité recréer le tableau tarifaire que vous pouvez voir sur le site Internet de Crazy Egg ainsi que le formulaire d’inscription. Le principe est que lorsque vous faites le choix d’une option dans le tableau (click sur une colonne), les autres colonnes disparaissent et un formulaire d’inscription les remplace.

Tableau css et javascript

Tableau et formulaire

Pour obtenir cet effet, Askthecssguy a écrit un programme qui est une savante combinaison CSS et JavaScript couplée à une organisation intelligente des images habillant le tableau. De plus, l’auteur a fait un effort « pédagogique » remarquable et très appréciable en expliquant précisément chaque étape de la création : illustration avec les différents codes et images. Dans l’archive à télécharger, vous trouverez 10 fichiers HTM expliquant chacune des étapes mentionnées sur le site Internet !

Site Internet : Askthecssguy
Licence : Gratuit

Leave a Reply