Bonjour, J'écris actuellement un code en html comprenant une image. J'aimerais qu'au passage de la souris sur cette image, qu'il y ait un petit texte du genre cliquez ici. Il me semblait qu'il fallait écrire un truc du genre onmouseover, mais je me rappele plus de ce qu'il fallait écrire exactement. pouvez vous me donjner la marche à suivre? Cordialement.

Bonjour, essayes ça: <A HREF="MonLien.html"><IMG SRC="MonImage.gif" WIDTH="30" HEIGHT="30" BORDER="0" TITLE="Cliquer içi"></A>

Afficher un texte au passage de la souris [Résolu]

Réponse 2 / 7

momo-ben2A Messages postés 105 Date d'inscription lundi 10 août 2009 Statut Membre Dernière intervention 19 décembre 2010 9
23 août 2009 à 21:43

j'ai compris a moitié mais je pense que le pseudo format "hover" est approprié ( à utiliser dans une page CSS)

Réponse 3 / 7

jarulesakho Messages postés 99 Date d'inscription vendredi 26 novembre 2004 Statut Membre Dernière intervention 12 juin 2009 66
24 oct. 2007 à 18:10

Merci, c'est exactement ce qu'il me fallait.

Réponse 4 / 7

Alain42
24 oct. 2007 à 17:48

Sinon en plus compliqué j'ai trouvé ça (recherche sur Google !) :
<HTML>
<HEAD>
<TITLE>Tout JavaScript.com - Info Bulle DHTML</TITLE>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
//D'autres scripts sur https://www.toutjavascript.com/main/index.php3
//Si vous utilisez ce script, merci de m'avertir ! < <voir adresse mail sur site> >
//Auteur original :Olivier Hondermarck <<voir adresse mail sur site>>
//Modifs compatibilité Netscape 6/Mozilla : Cédric Lamalle 09/2001 <cedric@cpac.embrapa.br>
//Correction Mac IE5 (Merci Fred)

var IB=new Object;
var posX=0;posY=0;
var xOffset=10;yOffset=10;
function AffBulle(texte) {
contenu="<TABLE border=0 cellspacing=0 cellpadding="+IB.NbPixel+"><TR bgcolor='"+IB.ColContour+"'><TD><TABLE border=0 cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><TR><TD><FONT size='-1' face='arial' color='"+IB.ColTexte+"'>"+texte+"</FONT></TD></TR></TABLE></TD></TR></TABLE> ";
var finalPosX=posX-xOffset;
if (finalPosX<0) finalPosX=0;
if (document.layers) {
document.layers["bulle"].document.write(contenu);
document.layers["bulle"].document.close();
document.layers["bulle"].top=posY+yOffset;
document.layers["bulle"].left=finalPosX;
document.layers["bulle"].visibility="show";}
if (document.all) {
//var f=window.event;
//doc=document.body.scrollTop;
bulle.innerHTML=contenu;
document.all["bulle"].style.top=posY+yOffset;
document.all["bulle"].style.left=finalPosX;//f.x-xOffset;
document.all["bulle"].style.visibility="visible";
}
//modif CL 09/2001 - NS6 : celui-ci ne supporte plus document.layers mais document.getElementById
else if (document.getElementById) {
document.getElementById("bulle").innerHTML=contenu;
document.getElementById("bulle").style.top=posY+yOffset;
document.getElementById("bulle").style.left=finalPosX;
document.getElementById("bulle").style.visibility="visible";
}
}
function getMousePos(e) {
if (document.all) {
posX=event.x+document.body.scrollLeft; //modifs CL 09/2001 - IE : regrouper l'évènement
posY=event.y+document.body.scrollTop;
}
else {
posX=e.pageX; //modifs CL 09/2001 - NS6 : celui-ci ne supporte pas e.x et e.y
posY=e.pageY;
}
}
function HideBulle() {
if (document.layers) {document.layers["bulle"].visibility="hide";}
if (document.all) {document.all["bulle"].style.visibility="hidden";}
else if (document.getElementById){document.getElementById("bulle").style.visibility="hidden";}
}

function InitBulle(ColTexte,ColFond,ColContour,NbPixel) {
IB.ColTexte=ColTexte;IB.ColFond=ColFond;IB.ColContour=ColContour;IB.NbPixel=NbPixel;
if (document.layers) {
window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=getMousePos;
document.write("<LAYER name='bulle' top=0 left=0 visibility='hide'></LAYER>");
}
if (document.all) {
document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden'></DIV>");
document.onmousemove=getMousePos;
}
//modif CL 09/2001 - NS6 : celui-ci ne supporte plus document.layers mais document.getElementById
else if (document.getElementById) {
document.onmousemove=getMousePos;
document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden'></DIV>");
}

}

</SCRIPT>
</HEAD>

<BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" >
<FONT FACE="Arial" SIZE='-1' COLOR="#000099">

<CENTER><BIG>Script pour afficher des infos bulle personnalisées.</BIG></CENTER>
Les infos bulle se présentent sous la forme de cadre, dont les couleurs de texte, de fond, de contour ainsi que l'épaisseur du contour sont paramétrables.<BR>
Les infos bulle apparaissent à l'endroit du curseur de souris et peuvent contenir tous les éléments HTML classiques (image, tableaux, ...). Elles disparaissent dès que la souris quitte le lien.<BR>

Ce script d'infobulle est compatible Internet Explorer 4+ et Netscape 4+<BR><BR>


<SCRIPT language="JavaScript">InitBulle("navy","#FFCC66","orange",1);
// InitBulle(couleur de texte, couleur de fond, couleur de contour taille contour)
</SCRIPT>



<A href="#" onMouseOver="AffBulle('Info bulle du premier lien')" onMouseOut="HideBulle()">Premier Lien ----------------------------------------------------</A><BR>
<A href="#" onMouseOver="AffBulle('Ce script permet d\'afficher des infos bulles très <BIG>simplement</BIG>,<BR> sur <I>plusieurs</I> lignes,<BR>avec des éléments HTML. ')" onMouseOut="HideBulle()">Deuxieme Lien</A><BR>
<A href="#" onMouseOver="AffBulle('Autant d\'infos bulles que vous voulez ...')" onMouseOut="HideBulle()">Autre Lien</A>
<BR><BR>
<CENTER>

<A href="https://www.toutjavascript.com/main/index.php3" onMouseOver="AffBulle('ToutJavaScript.com c\'est :<LI>des dizaines de javascripts,<LI>des conseils,<LI>des liens.<BR><CENTER><B>Et bien plus encore...</B><BR><IMG src=\'http://www.toutjavascript.com/gif/animtjs.gif\' width=100 height=30></CENTER>')" onMouseOut="HideBulle()">www.ToutJavaScript.com</A>
</CENTER>
<BR>
<BR><SMALL>Les liens sont inactifs (sauf le lien vers le site ToutJavaScript.com)</A>
</FONT></BODY></HTML>

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 7

ibrahim
21 août 2009 à 20:33

bonjour je voulais crées des liens sur ma page : au passage de la souris il devient des liens" activités présentation................" et au même temps que ces liens il posséde des sous liens please help me

Réponse 6 / 7

byLPG Messages postés 17 Date d'inscription dimanche 23 août 2009 Statut Membre Dernière intervention 26 août 2009 50
23 août 2009 à 21:16

repose ta question en francais apres une nuit de sommeil. on devrait arriver a y comprendre quelquechose.

ibrahim
24 août 2009 à 10:23

ben ,merci c'est bon j'ai trouver la solution ,je voulais dire que passage de la souris sur un texe il devient un liens souligner avec une autre couleur,mon souci maintenant et comment faire des sous liens dans une page web quand on clique sur des liens ils nous affichent des sous liens,,
merci

MJ262103
25 févr. 2012 à 15:24

je n'ai pas compris, que faut il faire alors ?

Réponse 7 / 7

ROBYAMOR Messages postés 2 Date d'inscription mercredi 15 septembre 2004 Statut Membre Dernière intervention 18 février 2012
18 févr. 2012 à 08:34

Salut à tous !
Je cherche depuis un certain temps une solution à mon (petit) problème et je ne trouve pas !...
Voilà, je n'ai plus d'infos sous le curseur souris, comme il y a 8 jours, dans mon bureau ou dans l'explorateur ...
Cela affichait le contenu du dossier, le nombre de ko etc ...
Une idée ?..
Merci !

Afficher un texte au passage de la souris

7 réponses

Discussions similaires

Newsletters