fait apparaitre une image comportant une aide.Code : Tout sélectionner
if (document.layers) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = deplacerCurseur;
function deplacerCurseur(e) {
if (document.all) afficherCurseur(window.event.x, window.event.y);
else afficherCurseur(e.pageX-200, e.pageY);
}
function afficherCurseur(x, y) {
if(document.getElementById("image").style.visibility=="visible"){
if(Nom_Browser == 'Netscape'){
document.getElementById("image").style.top=(y+25)+"px";
document.getElementById("image").style.left=(x+200)+"px";
}
if(Nom_Browser == 'Microsoft Internet Explorer'){
document.getElementById("image").style.top=(y)+"px";
document.getElementById("image").style.left=(x)+"px";
}
}
else{
document.getElementById("image").style.top="-500px";
document.getElementById("image").style.left="-500px";
}
}
function mouseOver(image,w,h){
document.getElementById("image").style.width=w+'px';
document.getElementById("image").style.height=h+'px';
document.getElementById("image").style.backgroundImage="url("+image+")";
document.getElementById("image").style.visibility="visible";
document.getElementById("image").style.display="block";
}
function mouseOut(){
document.getElementById("image").style.visibility="hidden";
}
Code : Tout sélectionner
<img src="../mh/tonimage"Code : Tout sélectionner
<img src="mh/tonimage"
Nan ce n'est pas ma page, c'est sur cette page que j'ai pris la fonction...mais tu a raison, il n'affiche rien...la page, je l'ai enregistré sur mon disque et j'ai remofifié les chemin et ca fonctionnait.c'est ta page que tu as mis en lien?
Parce que, si c'est le cas, moi je n'ai rien de bien ni sous Firefox ni sous IE.
Il me semble pas que ca vienne d'un histoire de fond puisqu'en fait, la div apparait bien mais il n'y a pas l'image de fond. Vérifies tes chemins car j'ai remarqué qu'a un endroit tu mettaiset a un autreCode : Tout sélectionner
<img src="../mh/tonimage"cela peut venir de la peut etre.Code : Tout sélectionner
<img src="mh/tonimage"
Tu peux t'inscrire:Dsl du double post mais je ne peux pas edit mes messages.
donc les autres n'hésitez pas <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Afficher Masquer des calques sans javascript</title>
<script type="text/javascript">
function affiche_details(nom)
{
document.getElementById(nom).style.visibility='visible';
}
function cache_details(nom)
{
document.getElementById(nom).style.visibility='hidden';
document.getElementById(nom).style.height='100px';
}
</script>
<style type="text/css">
<!--
a.info {
position: relative;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
display: inline;
background-color: #aaa;
border : 1px solid gray;
color: #000;
margin: none;
z-index: 0;
}
a.info:hover {
background-color: #666;
color: #fff;
z-index: 1;
}
span.info{
display: none
}
a:hover span {
display: block;
position: absolute;
top: -3em;
left: 1em;
width: 15em;
border: 1px solid #000000;
color: #ffffff;
background-color: #666666;
z-index: 2;
}
-->
</style>
</head>
<body>
<p><a href="#" class="info">Menu 1 un peu plus long<span class="info">Description détaillée du menu 1<br />texte et images peuvent être placés ici</span></a><br>
<a href="#" class="info">Menu 2<span class="info">Description détaillée du menu 2<br />texte et images peuvent être placés ici avec des détails supplémentaires histoire de faire des lignes supplémentaires.</span></a><br>
<a href="#" class="info">Menu 3<span class="info">Description détaillée du menu 3<br />texte et images peuvent être placés ici</span></a></p>
<form action="" id="test" method="post">
<input type="text" name="test_txt" id="test_txt" value="">
</form>
<p>Lorem ipsum dolor sit amet, <a href="#" class="info">consectetuer adipiscing elit<span class="info">Description détaillée du menu 1<br />texte et images peuvent être placés ici</span></a>. Morbi vestibulum euismod magna. Proin egestas nibh et metus. Quisque fermentum massa at diam. Donec eu elit vitae est laoreet bibendum. Nam aliquet neque ac diam. Pellentesque iaculis sapien vitae enim. Suspendisse accumsan dui sit amet lacus. Nunc commodo, est id convallis pharetra, magna ante tempus metus, ac <a href="#" class="info">feugiat massa lacus non elit<span class="info">Description détaillée du menu 3<br />texte et images peuvent être placés ici</span></a>. Aliquam consequat, eros non sodales lobortis, wisi felis malesuada dolor, non luctus lacus neque ac enim. Proin feugiat bibendum dolor. Nunc diam nunc, vehicula et, auctor id, <a href="#" class="info">facilisis sit amet<span class="info">Description détaillée du menu 2<br />texte et images peuvent être placés ici avec des détails supplémentaires histoire de faire des lignes supplémentaires.</span></a>, mi. Nunc nulla. Vivamus quis dolor non est suscipit tempus. Suspendisse eu dui sed est cursus dictum. Sed rhoncus enim ut libero.</p>
</body>
</html>
et que je vais devoir abandonner mon aide.
. 