Discussion :

[Jibees]

Bonjour,
je souhaite rendre la largeur d'un block de sousmenu adapté à la taille de mon contenu. Je ne souhaite pas utiliser l'attribut width en CSS, puisque la taille est différente lorsque je passe la souris sur un des items du sous menu (qui devient italique).
Mais voila le scénario
Voici le sous menu qui apparait :

et lorsque l'on passe la souris sur un des items, celui-ci passe en italique et malheureusement faire grandir le bloc entier :

Bon je vous l'accorde c pas tres visible que le bloc s'est agrandi mais faite moi confiance
Lors de l'appel à la fonction javascript je souhaite passer la taille du block à afficher qui sera différent pour chaque sousmenu.
Je ne sais pas si je suis tres clair ...
Voici la fonction Javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
<script LANGUAGE="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>

et un exemple de menu :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
	<dl>	
		<dt onmouseover="javascript:montre('smenu4');"onmouseout="javascript:montre();"><img src='images/Boutons/Menu/Competitions.gif' border='0' name='menu4'></dt>
			<dd id="smenu4"onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="Prestations.htm">&nbsp;>&nbsp;Prestations</a></li>
					<li><a href="Recompenses.htm">&nbsp;>&nbsp;Récompenses&nbsp;</a></li>
					<li><a href="Programme.htm">&nbsp;>&nbsp;Programme</a></li>
					<li><a href="Reglement.htm">&nbsp;>&nbsp;Règlement</a></li>
				</ul>
			</dd>
	</dl>

Merci
jb

[Jibees]

J'ai réussi à men sortir en faisant comme ca :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script LANGUAGE="JavaScript">
window.onload=montre;
function montre(id,lar) {
var largeur = lar;
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'; d.style.width=largeur +'px';}
}
</script>

et lors de l'appel à la fonction je passe la largeur de la fenetre. Exemple :

Code :

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

<dt onmouseover="javascript:montre('smenu8',110);"