[Html] comment faire apparaitre un texte lorsque l'on passe la souris?

Marsh Posté le 24-01-2002 à 20:46:09

salut !

je voudrais faire apparaitre un texte lorsque je passe la souris à un endroit
par exemple :

lorsque je passe ma souris sur le mot: xxx
le mot est remplacé par xxx(hos)
désolé c'est peut etre pas tres clair

merci !
a+

Reply

Marsh Posté le 24-01-2002 à 20:46:09

Reply

Marsh Posté le 24-01-2002 à 20:49:18

en JS il doit y avoir moyen je pense ...

---------------
What is popular is not always right, what is right is not always popular :D

Reply

Marsh Posté le 24-01-2002 à 23:11:35

C'est avec l'utilisation de la norme DHTML :

Calques + Javascript

Regarde ce site et lis bien tous les tutoriaux :

http://www.toutjavascript.com/savoir/savoir20_2.php3

Si tu ne comprends pas bien fait un up et je t'enverrai un ptit exemple à ma sauce...

Reply

Marsh Posté le 24-01-2002 à 23:13:41

Désolé! Chui une vrai faignasse moi!

Allez jte balance un ptit exemple vite fait avec lequel tu comprendra mieux.

<html>

<head>

<title>Sans titre</title>

<script type="text/javascript">

function montrer(x)
{
document.getElementById(x).style.visibility="v
isible";
document.getElementById(x).style.top=event.y+10
;
document.getElementById(x).style.left=event.x;

}

function cacher(x)
{
document.getElementById(x).style.visibility="h
idden";
}

</script>

</head>

<body>

<div id="lien1" style="position:absolute;visibility:hidden">
<table bgcolor="#00FFFF" border="1" bordercolor="#0080FF" cellpadding="0" cellspacing="0">
<tr>
<td><font color="#000000" face="verdana" size="2">Allez chercher sur gogole</font></td>
</tr>
</table>
</div>

<div id="lien2" style="position:absolute;visibility:hidden">
<table bgcolor="#00FFFF" border="1" bordercolor="#0080FF" cellpadding="0" cellspacing="0">
<tr>
<td><font color="#000000" face="verdana" size="2">Allez chercher sur Yahoo</font></td>
</tr>
</table>
</div>

<div id="lien3" style="position:absolute;visibility:hidden">
<table bgcolor="#00FFFF" border="1" bordercolor="#0080FF" cellpadding="0" cellspacing="0">
<tr>
<td><font color="#000000" face="verdana" size="2">Allez chercher sur lycos</font></td>
</tr>
</table>
</div>

<a href="http://www.google.fr" onMouseOver="montrer('lien1'" onMouseOut="cacher('lien1'">Premier lien</a>
<br><br>
<a href="http://www.google.fr" onMouseOver="montrer('lien2'" onMouseOut="cacher('lien2'">Deuxième lien</a>
<br><br>
<a href="http://www.google.fr" onMouseOver="montrer('lien3'" onMouseOut="cacher('lien3'">Troisième lien</a>

</body>

</html>

Reply

[Html] comment faire apparaitre un texte lorsque l'on passe la souris?

Sujets relatifs:

Leave a Replay