Bonjour,
Je suis en train de coder un site internet, pour mon petit plaisir, or en essayant de coder une fonction Javascript, je me heurte a quelques problème, et je suis pas assez calé pour m'en dépêtrer par moi même.
J'ai donc besoin de vous ^^
Donc dans l'idée, j'ai un site qui fonctionne sur une seule page, par affichage de div suivant le clic sur un bouton (pour faire rapide)
le site est divisé en trois parties, la bannière, le menu gauche, et l'affichage du texte, suivant un modèle éprouvé....
Mon soucis est que je voudrais qu'a chaque clic sur un élément du menu de gauche (qui fait apparaitre le texte correspondant à droite) une petite image change de couleur, cette image agirait en quelque sorte comme une puce de mise en page, chaque élément du menu de gauche a son image en "Gris" et je voudrais qu'au clic sur un élément, cette image devienne "Verte".
Je dispose bien évidemment des deux image, et jusqu'alors j'utilisai une fonction javascript a base de "if" et de "document.getElementById("id").innerHTML="<img src='....' >"
Et tout fonctionne bien, le soucis c'est que pour que toute mes images repassent en gris lors du clic sur l'une d'elle, je suis obligé de mettre 11 lignes identiques (puisqu'il y a 11 "boutons" a gauche) dont une prends le chemin de l'image verte.
C'est cool, c'est beau, mais a la première visite sur le site, ce me recharge toute les images, et ce, de façon très très visible.
Je voulais savoir si il n'existait pas une méthode pour contourner ce problème, car visiblement si je charge la page une fois, et que je l'actualise, le problème disparait.
En espérant avoir été clair, sinon, demandez moi le code.
Cordialement
Cyric