Besoin d'un coup de pouce en javascript :)
Fermé
maurine
-
14 août 2011 à 16:26
Mihawk Messages postés 4311 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 4311 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 d'un soir avis ✓ - Forum Consommation et internet
- Telecharger javascript - Télécharger - Langages
- Coup de pouce une erreur est survenue - Forum Consommation et internet
- Javascript round ✓ - Forum Javascript
- Table de multiplication javascript ✓ - Forum Javascript
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
4311
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
843
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 ?