11548 sujets

JavaScript, DOM et API Web HTML5

Help onmouseover

Bonjour à tous,

Voila mon problème, j'ai un texte associé à une image .. j'aimerai lorsque l'on passe la souris sur l'image que le texte se souligne.

Voila mon code


<td><a href="http://www.spain.info/TourSpain/Destinos/TipoII/Datos+Generales/D/KH/0/Eivissa?language=es" target="_blank"><img src="/Icons/ibiza.jpg" alt="Vue de la ville d'Ibiza et sa vieille ville" height="128" width="128" /></a></td>
							<td width="13"><img src="z.gif" alt="" width="13" /></td>
							<td><p class="t"><span class="bold t red">Ibiza</span> <br /><a id="rr" href="http://www.spain.info/TourSpain/Destinos/TipoII/Datos+Generales/D/KH/0/Eivissa?language=es" target="_blank">Cette île est un véritable trésor, qui a été convoité par tous les peuples de la mer Méditerranée. Un ensemble exceptionnel, dans lequel on appréciera tout particulièrement les précieux gisements archéologiques. L’UNESCO a rendu hommage à sa biodiversité et à sa culture.</a><span class="chevron">&nbsp;&gt;&gt;</span></p>


Je suppose qu'il faut utiliser onmouseover .. mais je ne sais pratiquement rien faire en JS...

Merci d'avance à ceux qui voudrons bien m'aider Smiley smile
Modifié par Darki (28 Sep 2005 - 12:21)
Je pense qu'il y a un problème de structure HTML ici Smiley decu Si l'image et le texte pointent vers le même lien, il vaut mieux qu'ils soient dans le même élément a, ainsi tu pourra gérer le soulignement facilement...
J'y avait pensé mais dans mon cas je ne peux pas le faire.. L'image est dans un td particulier et le texte dans un autre td .. et ce n'est pas tout le texte qui souligné .. le texte "Ibiza" lui n'est pas dans une balise <a>
Salut,

Voici comment je ferais : 

<td>
	<a onmouseover="document.getElementById('ton_id').style.textDecoration='underline'" onmouseout="document.getElementById('ton_id').style.textDecoration='none'" href="http://www.spain.info/TourSpain/Destinos/TipoII/Datos+Generales/D/KH/0/Eivissa?language=es" target="_blank"><img src="/Icons/ibiza.jpg" alt="Vue de la ville d'Ibiza et sa vieille ville" height="128" width="128" /></a>
</td>
<td width="13">
	<img src="z.gif" alt="" width="13" />
</td>
<td>
	<p class="t">
		<span id='ton_id' class="bold t red">Ibiza</span> <br />
		<a id="rr" href="http://www.spain.info/TourSpain/Destinos/TipoII/Datos+Generales/D/KH/0/Eivissa?language=es" target="_blank">Cette île est un véritable trésor, qui a été convoité par tous les peuples de la mer Méditerranée. Un ensemble exceptionnel, dans lequel on appréciera tout particulièrement les précieux gisements archéologiques. L’UNESCO a rendu hommage à sa biodiversité et à sa culture.</a>
		<span class="chevron"> >></span>
	</p>
</td>


(ajout du "onmouseover" + "onmouseout" + "id" dans le "span" d'ibiza )

c'est du bidouillage vite fait, mais tu peux améliorer Smiley cligne
MErci bien siddhy Smiley smile j'avais essayé de faire ça .. mais ça marchait pas .. j'avais fais une erreur de syntaxe.

le onmouseover je dois le faire pas mal de fois en faite .. et le "id" n'est utilisable qu'une fois ... donc à chaque fois faudrai que je retappe mon bout de code en changeant de id.

Il y aurait pas moyen de faire une fonction que j'appellerai après dans mon code ??!!

merci
Modifié par Darki (28 Sep 2005 - 14:26)
Sujet clos
Aller à