Discussion :

[solorac]

Bonjour la Communauté,

Je me suis fais un menu déroulant en java pour mon site et maintenant je voudrais incorporer des images qui joueraient le rôle des boutons cliquables.

1e : est-ce possible ?

2e : dois-je le faire en css ou en java ?

Auriez-vous une idée de début de code ?

Voiçi mon code java :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
//-->
</script>

Code :

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
<div id="menu">
	<dl>			
		<dt onmouseover="javascript:montre('smenu4');"><a href="Listemaj.htm">LES MISES A JOUR</a></dt>
 
	</dl>
	<dl>			
		<dt onmouseover="javascript:montre('smenu1');">PRESS BOOK</dt>
			<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
				<ul>
					<li><a href="pressbookalpha.htm">Founisseurs</a></li>
					<li><a href="pressbookprod.htm">Produits</a></li>
				</ul>
			</dd>
	</dl>
 
	<dl>	
		<dt onmouseover="javascript:montre('smenu2');">TOP 20</dt>
		<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
				<ul>
					<li><a href="top20liste.htm">Tarif</a></li>
					<li><a href="../../doctele/BonCdetop20.pdf" target="_blank">Bon de commande</a></li>
				</ul>
	  </dd>
	</dl>
	<dl></div>

J'espère que vous pourrez m'aider.

Merci

[Bovino]

Oui, c'est possible, en html tout simple en ajoutant des images dans tes liens, éventuellement en ajoutant un rollover en css ou javascript (javascript != java !!!)

[solorac]

Désolé mais cela ne fonctionne pas, si j'insère une image de la taille désirée pour faire office de bouton dans mon code, l'image se situe au dessus.

Ce que je voudrais ce n'est pas seulement un roll-over, c'est un menu déroulant identique à celui que j'ai réalisé avec le javascript, mais en lieu et place du "menu" une image qui le menu et si je passe dessus avec la souris une autre image doit apparaitre.

Merci pour votre aide

[solorac]

Je parcours le forums et malgré les recherches sur le net je n'ai tjs pas trouvé la solution à mon décalage vu ma méconnaissance totale du language Javascript.

Je continue les recherches et vous tiens au jus