Image survolé (rollover) - HTML/Javascript

Logiciel & apps Programmation
1

bonjour, voilà je recherche de l’aide sur un rollover double, je m’explique:
sur cette page: http://lipana.free.fr/
j’ai fait un rollover sur la gauche le menu, mais j’aimerai que lorsque par exemple je suis sur info, un descriptif s’affiche aussi dans la partie noire a droite est-ce que quelqu’un pourrait m’aider, merci

2

Pour rester dans la logique de ce que tu as déjà fait, tu insères une image au niveau de ta zone noire, que tu ‹ switches › dans ton ‹ onmouseover ›, à l’identique de l’existant. Cela te permet d’avoir à coup sûr la même police partout

3

Bonjour,
oui, une image en plus, … ou alors un DIV positionné statiquement avec l’attribut CSS display:hidden que tu change en Javascript.

Met [HTML/Javascript] en tytr du sujet, tu auras peut-être plus de réponses :wink:

4

etant novice dans ce domaine pouvez-vous me donner un un exemple de script, merci :wink:

5

Ce n’est pas le meilleur exemple, mais c’est tout ce que j’ai trouvé de plus simple: tu peux t’inspirer de la gestion d’onglet en java script:
http://www.phassler.com/Html/javascript/onglet.htm#

tu encapsule chaque blocs que tu veux afficher dans une balise "DIV":

HTML
<div id="menu1">

…

</div>

tu leur affecte un style css pour les positionner ou teu veux, et quand c’est un apoint, tu leur met l’attribut display:hidden pour les masquer
dans ton fichier css/ ou la balise <style>


#menu1 { 
	background: transparent url(cr2.gif) top left no-repeat; 
	position: absolute; 
	top: 40px; 
	right: 0px; 
	width: 148px; 
	height: 110px;
        display:none;
}

enfin, dans les fonctions onclick, tu change la valeur de l’attribut css dsiplay à block pour afficher ou à non pour masquer, comme dans le 1er exemple:


function menu1Click(){
document.getElementById("menu1").style.display = "block";
document.getElementById("menu2").style.display = "none";
document.getElementById("menu3").style.display = "none";
}

désolé, je n’ai plus d’exemple tout fait sous la main, mais après, tu peux simplifier en faisant une belle fonction qui affiche un "onglet" et masque tous les autres.

edit: pour la gestion des DIV/css, il y a le zen garden, malheureusement sans gestion dynamique:
http://www.csszengarden.com/