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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Html] comment faire apparaitre un texte lorsque l'on passe la souris?

xantao

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+

Publicité

darklord22

Nightwish rulezzzzzzzzzzzzz

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

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

Roco

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...

Roco

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>

FORUM HardWare.fr

Programmation

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

Sujets relatifs
HTML est logiciel?	Accès fichier texte C++
Tester si la connexion à internet est active à partir d'une page HTML	Insérer un .mdb dans uen page html ?
Creer une page html a partir d'un vbs !!!	HTML - - - positionner une image
ARFFF gros PB avec PERL/HTML/NETSCAPE	Cherche site tout con mais tout fait HTML/ASP/Access Help !
[javascript] Récupérer un bloc de texte dans la fenêtre opener	PHP - fichier texte
Plus de sujets relatifs à : [Html] comment faire apparaitre un texte lorsque l'on passe la souris?

Page générée en 0.027 secondes