Besoin d'un coup de pouce en javascript :)
Fermé
maurine
-
14 août 2011 à 16:26
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 15 août 2011 à 20:13
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 15 août 2011 à 20:13
A voir également:
- Besoin d'un coup de pouce en javascript :)
- Coup de pouce internet - Accueil - Box & Connexion Internet
- Comment télécharger toutes les photos de google photos d'un coup ? - Guide
- Telecharger javascript - Télécharger - Langages
- Comment se désabonner de coup d'un soir - Forum Consommation & Internet
- Comment couper un pdf - Guide
2 réponses
Hello,
Tu pourrais t'inspirer de:
http://isotope.metafizzy.co/demos/elements-complete.html
et modifier un peu le code...
Tu pourrais t'inspirer de:
http://isotope.metafizzy.co/demos/elements-complete.html
et modifier un peu le code...
Mihawk
Messages postés
4315
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
846
15 août 2011 à 20:13
15 août 2011 à 20:13
Commence par créer ton "tableau visible" en attribuant à chaque case un id comportant le numéro atomique de l'élément : "1" ; "2" etc...
Ensuite créé des tableaux Javascript contenant les informations, par exemple :
Ensuite quand on passe sur un élément, tu fait un innerHTML sur les informations avec tNoms[idCase] et tMassesAtomiques(idCase) etc...De même pour les éléments suivants et précédents avec idCase-1 et idCase+1.
Enfin pour les couleurs oui, utilise des classes CSS auxquelles tu attribues des couleurs :-)
Tu as suivi ?
Ensuite créé des tableaux Javascript contenant les informations, par exemple :
var tNoms = new Array("", "Hydrogene", "Helium", ...) ; var tMassesAtomiques = new Array("", "54.4", ...) ; var tEtatsNaturels = new Array("", "Gazeux", "Gazeux", ...) ;
Ensuite quand on passe sur un élément, tu fait un innerHTML sur les informations avec tNoms[idCase] et tMassesAtomiques(idCase) etc...De même pour les éléments suivants et précédents avec idCase-1 et idCase+1.
Enfin pour les couleurs oui, utilise des classes CSS auxquelles tu attribues des couleurs :-)
Tu as suivi ?