Problème de sous-menu ds menu déroulant

Chocall -  
Passarinho44 Messages postés 977 Statut Contributeur -
Bonjour,

Me revoilà :(

J'ai un souci un peu pénible. J'ai un menu déroulant en java. Jusqu'ici tout va bien.
Il ne déroule pas le sous-menu!!!

<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="biography.html"><img src="images/images/biographie.gif" alt="" border="0" /></a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>

ca devrait fonctionner mais ça n'apparait pas!

Quelqu'un aurait une idée, siouplé, les gens? Merci d'avance, j'ai envie de lancer mon pc :(
A voir également:

15 réponses

Réponse 1 / 15
Passarinho44 Messages postés 977 Statut Contributeur 132
 
Je pense que ça ne fonctionne pas parce que tu as mis tes balises <dl> et <dt> en plein milieu d'un tableau...

Essaie de voir si tu ne peux pas les sortir de ton tableau ...
2
Réponse 2 / 15
Passarinho44 Messages postés 977 Statut Contributeur 132
 
On peut voir ta fonction montre() stp?

Tu as un message d'erreur JavaScript?
0
Réponse 3 / 15
Chocall
 
ma fonction montre?
euh, elle est juste écrite au dessus, non? Ou alors je suis encore plus naze que je pensais! j'ai une css liée, aussi, ça pourrait venir de ça, tu crois? je te metys tout le code pour aller plus vite?
0
Réponse 4 / 15
Passarinho44 Messages postés 977 Statut Contributeur 132
 
onmouseover="javascript:montre('smenu1');"
Ici tu fais appel à une fonction JavaScript.

Je pense que le problème vient de là.

Tu peux nous montrer cette fonction?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 15
Chocall
 
j'ai honte.
je te copie tout le machin, comme ça... si j'ai merdé dedans...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<link rel="stylesheet" type="text/css" media="screen" href="texte.css" />
<body>
<table width="700" height="480" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="79"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="600" height="43"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> </tr>
<tr>
<td height="24"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100%"><div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');"><img src="images/images/news.gif" width="68" height="43" /></dt>

<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="biography.html"><img src="images/images/biographie.gif" alt="" border="0" /></a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu2');"><img src="images/images/band.gif" width="68" height="43" /></dt>

<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="biography.html"><img src="images/images/biographie.gif" alt="" /></a></li>
<li><a href="#"><img src="images/images/members.gif" alt="" /></a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu3');"><img src="images/images/medias.gif" width="68" height="43" /></dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
<ul>

<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu4');"><img src="images/images/tour.gif" width="68" height="43" /></dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
<ul>

<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>
<li><a href="#">Sous-Menu 4.3</a></li>
</ul>
</dd>
<dd onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');"> </dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu2');"> <img src="images/images/press.gif" width="68" height="43" /></dt>

<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu2');"><img src="images/images/pro.gif" width="68" height="43" /></dt>

<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu2');"><img src="images/images/extras.gif" width="68" height="43" /></dt>

<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl></td>
</tr>
</table></td>
</tr>

<tr>

</tr>

</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="421"><iframe allowtransparency="true" name="cible" src="news.htm" height="421" width="700" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>


et ma css :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<link rel="stylesheet" type="text/css" media="screen" href="texte.css" />
<body>
<table width="700" height="480" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="79"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="600" height="43"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> </tr>
<tr>
<td height="24"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100%"><div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');"><img src="images/images/news.gif" width="68" height="43" /></dt>

<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="biography.html"><img src="images/images/biographie.gif" alt="" border="0" /></a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu2');"><img src="images/images/band.gif" width="68" height="43" /></dt>

<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="biography.html"><img src="images/images/biographie.gif" alt="" /></a></li>
<li><a href="#"><img src="images/images/members.gif" alt="" /></a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu3');"><img src="images/images/medias.gif" width="68" height="43" /></dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
<ul>

<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu4');"><img src="images/images/tour.gif" width="68" height="43" /></dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
<ul>

<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>
<li><a href="#">Sous-Menu 4.3</a></li>
</ul>
</dd>
<dd onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');"> </dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu2');"> <img src="images/images/press.gif" width="68" height="43" /></dt>

<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu2');"><img src="images/images/pro.gif" width="68" height="43" /></dt>

<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu2');"><img src="images/images/extras.gif" width="68" height="43" /></dt>

<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl></td>
</tr>
</table></td>
</tr>

<tr>

</tr>

</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="421"><iframe allowtransparency="true" name="cible" src="news.htm" height="421" width="700" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
0
Réponse 6 / 15
Passarinho44 Messages postés 977 Statut Contributeur 132
 
Tu as copié deux fois la même chose non? ...
Ton CSS n'a rien à voir là dedans je pense.
C'est plutôt une histoire de JavaScript.

Ta page a été générée automatiquement apparement donc ce n'est pas très propre ...
Et ta fonction montre() n'existe pas ...
Donc c'est normal que ça ne fonctionne pas ^^

Donc essaie d'écrire ta fonction montre()
0
Réponse 7 / 15
Chocall
 
Oulà, j'ai fait un mauvais copicolcol. Sorry!

Oui elle est un peu bordel, c'est pas rangé comme il faut. Par contre, comment écrire ma fonction montre?
C'est à quel niveau comment etc?

MERCI PASSARINHOoooooOoooooooO!
0
Réponse 8 / 15
Passarinho44 Messages postés 977 Statut Contributeur 132
 
C'est dans le head entre les balises script
Voilà une petite idée de comment devrait être ta fonction (non testé ^^ )

<script language="JavaScript" type="text/JavaScript">
<!--
montre (id) {
if ( id != "" ) {
document.getElementById('id').style.display = 'block';
} else {
document.getElementById('id').style.display = 'none';
}
//-->
</script>

Attention, ne remplace pas ce qu'il y a déjà entre les balises, c'est à mettre à la suite et toujours dans les même balises.
0
Réponse 9 / 15
Chocall
 
J'ai encore un message d'erreur javascript. Je crois que je vais péter un câble. :(

en tout cas, c'est très gentil à toi d'avoir tent"!!!!
0
Réponse 10 / 15
Passarinho44 Messages postés 977 Statut Contributeur 132
 
C'est quoi ton message d'erreur JavasCript?
Tu l'as au lancement de la page ou juste quand tu passes la souris sur la case du tableau où tu veux afficher ton élément?
0
Réponse 11 / 15
Chocall
 
Il y a déjà un triangle d'attention en bas à gauche, par contre quand je vais sur mon objet, il y a "erreur sur la page" qui apparait en bas...
0
Réponse 12 / 15
Passarinho44 Messages postés 977 Statut Contributeur 132
 
Normalement quand tu double cliques sur ce triangle jaune tu as une popup avec les détails des erreurs qui aparaissent.
Tu peux me dire quelles sont ces erreurs?
0
Réponse 13 / 15
Chocall
 
Alors erreur sur la page :

ligne 34
caractere 1
erreur '}' attendu
code 0

-il est à la ligne 33 le }, et quand il était à la 32, l'erreur indiquait 33...

quand à la seuxième forme d'erreur : ligne 68 objet attendu, et ça fait ça sur plusieurs lignes. Ptêt parce que je les ai pas encore liées aux pages concernées. Mais pourquoi ne déroule-t-il point?
0
Réponse 14 / 15
Passarinho44 Messages postés 977 Statut Contributeur 132
 
Effectivement excuse moi jai très mal fait ma fonction Javascript

Remplace la par :

<script language="JavaScript" type="text/JavaScript">
<!--
function montre(id) {
if ( id != "" ) {
document.getElementById('id').style.display = 'block';
} else {
document.getElementById('id').style.display = 'none';
}
}
//-->
</script>

Et reteste.
0
Réponse 15 / 15
Chocall
 
Ca bouge pas. En clair, là, si je vire tous les sous-menus sur une rubrique, la rubrique fonctionne et m'affiche ma page. Cependant, horreur, elle ne m'afiche plus rien dans mon iframe de départ.

Pour un menu "déroulé", par contre, ça marche toujours pas. Alors je sais pas où j'ai merdé. Avant d'appliquer ce système déroulant, ma frame fonctionnait bien. Je vais péter un câble. :(
0

Discussions similaires

menu caché
laurent -
ChariduP -

7 réponses
Mon PC marque press the esc key for startup menu
Jonas2022 -
SATS_fr -

5 réponses
Suppression listes déroulantes
Archa -
Sam -

5 réponses
Supprimer liste déroulante Excel
SamAlex -
b@bd -

8 réponses
Déblocage du mode hôtel Philips 20HF5234/10
Jo_3 -
TRAORE_2505 -

7 réponses