11548 sujets

JavaScript, DOM et API Web HTML5

bonjour,

je souhaite souhaite savoir faire le comportement suivant.

Au passage de la souris sur un mot, une div contenant un paragraphe s'ouvrirait sur la même page internet mais à une autre position.

Je crois savoir qu'il faut utiliser la fonction onmouseover.

Cependant, je ne sais pas du tout comment faire l'action.

J'ai cherché des exemples mais je n'ai trouvé que des exemples concernant des images.

Je vous remercie par avance pour votre aide.
Modifié par chelmi81 (19 Jan 2010 - 14:17)
Salut,

Je crois que SpaceFrog attendait des précisions pour pouvoir te répondre, d'où la question qu'il t'a posé. Smiley cligne
désolé spacefrog...j'ai lu trop vite ton post et je m'en excuse...,

en fait je voudrais juste au survol du mot par exemple "accueil" que cela fasse apparaitre en dessous, la div qui contiendrait un texte relatif à l'accueil ....sur la même page.

Tout ceci de façon la plus simple. Et ainsi de suite avec les autres mots du menu.

Voilà,


J'espère m'être bien exprimé..

Merci encore
Un petit code pour l'exemple :

<style type="text/css">
.show {display:block;}
.hide {display:none;}

</style>
<script type="text/javascript">
function montre(objId){
document.getElementById(objId).className="show";
}
function cache(objId){
document.getElementById(objId).className="hide";
}


</script>

</head>

<body>
<div>
<div onmouseover="montre('bar')" onmouseout="cache('bar')">mot a survoler</div>
<div id="bar" class="hide">element caché qui apparaît</div>
<div>

</html>
Un très grand merci SpaceFrog.

Cela me suffit convenablement,...c'est parfait pour moi.


Merci encore et a+
oui, j'ai bien compris que c'était un lien.

Et je l'ai appliqué, j'ai mis "resolu" dans le sujet de mon premier post.