onMouseOver: commentaire d'un lien

**Boromus** · 19/02/2007, 17h15

Salut!
J'aimerais que vous m'aidiez pour que, grâce au JavaScript, je puisse afficher un commentaire lorsque la souris passe sur le lien.
Je ne sais pas quelle fonction utiliser, ...
En gros je ne sais pas comment faire!

J'aimerais afficher un commentaire (ex: Cliquez ici pour lire le résumé de...) sous la souris ou alors dans un cadre...

AIDEZ-MOI SVP!!!

**SpaceFrog** · 19/02/2007, 17h19

une petite recherche avec "infobulle javascript" ...

**Boromus** · 19/02/2007, 21h27

C'est déja fait mais je ne comprends pas les réponses pour certaines et ce qui m'intéresse c'est d'afficher le commentaire grace à JavaScript, pas grace à une feuille de style...
Je me permet donc de redemander de l'aide...

**N1bus** · 19/02/2007, 22h44

sinon tu as aussi l'attribut title :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="tonlien.html" target="_top" title="Cliquez ici pour lire le résumé de...">Le lien</a>

**Boromus** · 20/02/2007, 09h16

J'y ai pensé mais (peut-etre que c'est un problème de navigateur) rien ne s'affiche:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<li><a href="#histoire" title="Le résumé de l'histoire des terres d'Ilienne pour vous plonger dans l'univers du jeu!">I. L'histoire</a></li>

Pourtant il n'y a rien...

Avez vous une solution javascript...?

**N1bus** · 20/02/2007, 09h48

Tiens, cadeau :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<div id="bulle" style="position: absolute;"></div>
<script>
decal_x = 25;
decal_y = -15;
 
document.onmousemove = suivre_souris0;
var contenu
function pop0(contenu)
{
        document.getElementById("bulle").innerHTML = "<table border='1' bordercolor='#990000' style='background-color: #FFFFFF;' cellpadding='3' cellspacing='0'><tr><td><font color='#999999' face='verdana'size='1'>"+contenu+"</font></td></tr></table>";
}
function suivre_souris0(e)
{
        if (navigator.appName=="Microsoft Internet Explorer")
        {
                var x = event.x + document.body.scrollLeft;     var y = event.y + document.body.scrollTop;
        }
        else
        {
                var x =  e.pageX;var y =  e.pageY;
        }
        document.getElementById("bulle").style.left = x + decal_x; document.getElementById("bulle").style.top  = y + decal_y;
}
function disparaitre0()
{
        document.getElementById("bulle").innerHTML = '';
}
</script>
</head>
 
<body>
<a href="monlien.htm" onMouseOver="pop0('le texte info bulle')" onMouseOut="disparaitre0()">le lien</a>
</body>
</html>

je ne sais plus où je l'avais trouvé mais ça fonctionne.

Note : la version avec attribut tittle que je t'ai donné plus haut fonctionne sur IE6 chez moi.

onMouseOver: commentaire d'un lien

JavaScript

Vue hybride

Discussions similaires

Partager

Partager