11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

voila mon problème:
imaginez 2 colonnes :
a droite : une ligne de 4 images
a gauche : 4 ligne de textes
Pour chaque rollover sur une image, le texte correspondant à gauche doit se mettre en rouge.
Si quelqu'un peut m'aider. Merci
Kroline
Yo,

Sans code html c'est pas évident de t'aider.
Cependant, dans toutes listes on a un total d'élements et chaque élement à un index dans cette liste, de ce fait, tu peux faire la correspondance entre deux listes de manière fort aisée.
T'aura pas mieux que le lien ci-dessus. En plus tout ça sans CSS.
Si tu veux que ton élément à masquer/afficher ne soit pas dessous, pense à utiliser position: absolute !
Mais là, on ne fais pas de Javascript (normal quand y'a pas besoin Smiley smile )
Inclus tes textes dans des conteneurs en spécifiant leur identifiants.

exemple : <div id="monText1">Blablabla</div>

Ensuite, tu créé le rollover suivant sur ton image :

<img src="..." onmouseover="document.getElementById('monText1').style.backgroundColor='#ff0000'"/>

Rajoute aussi l'évenement "onmouseout" pour redefinir la couleur d'origine.