HELP code menu javascript

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par PINEDE, 8 Février 2007.

  1. PINEDE
    PINEDE WRInaute discret
    Inscrit:
    16 Mai 2005
    Messages:
    71
    J'aime reçus:
    0
    Bonjour,

    j'ai un pb de code pour mon menu à l'adresse suivante :
    http://www.residence-lapinede.com/locat ... amping.php par exemple.

    Mon souhait serait d'avoir mon sous menu et donc les sous-titres apparant lorsque je clique sur le lien supérieur dans le menu principal. Or, aujourd'hui, lorsqu'on clique sur le titre du menu le sous-titre ne reste pas.

    Voici mon code javascript :

    Code:
    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';}
    }
    Mon code html :

    Code:
    <dl>			
    		<dt onmouseover="montre('smenu2');" id="navactualite"><a href="actualite-camping.php" title="Actualité du camping">Actualit&eacute;</a></dt>
    			<dd id="smenu2">
    				<ul id="ss-menu">					
    					<li><a href="actualite-camping.php#alaune" title="Actualité à la une">A la une</a></li>
    					<li><a href="actualite-camping.php#news" title="Actualité du camping">L'actualité du camping</a></li>
    					<li><a href="../forums/index.php?c=7&sid=552010fb86be27d8a3f953153ab34364" title="Témoignages de propriétaires et visiteurs">Témoignages</a></li>
    					<li><a href="revue-presse.php" title="Revue de presse du camping">Revue de presse</a></li>
    					<li><a href="archives.php" title="Archives de l'actualité du camping">Archives</a></li>
    				</ul>
    			</dd>
    	</dl>
    Mon code css :

    Code:
    dt, dl, dd, ul, li {
    list-style-type: none;
    margin: 0 0px 0 0;
    padding: 0 2px 0 2px;
    }
    
    #ss-menu{
    background: #041A4B;
    }
    
    #menu {
    	position : absolute;
    	left: 0px;
    	top: 134px;
    	width: 800px;
    	height: 22px;
    	background-color:#d04051;
    	border-bottom: 1px solid #FFA900;
    }
    
    #menu dl {
    float: left;
    display:block;
    margin-left:8px;
    }
    
    #menu li {
    display: inline;
    color: #FFA900;
    background:#041A4B;
    }
    #menu li a{
    display: inline;
    color: #FFA900;
    background:#041A4B;
    background:url(../img/dotssmenu.gif) no-repeat;
    padding:0px 5px 0px 12px;
    }
    #menu li a:hover{
    display: inline;
    color: #FFA900;
    background: #041A4B;
    background:url(../img/sqssmenu.gif) no-repeat;
    padding:0px 5px 0px 12px;
    }
    #menu a {
    text-decoration:none;
    color: #FFA900;
    background: #d04051;
    }
    #menu a:hover{
    text-decoration: none;
    color: #041A4B;
    background: #d04051;
    }
    
    #mainactualite #navactualite a, #mainpinede #navpinede a, #mainregion #navregion a,
    #mainmobilhome #navmobilhome a, #mainconditions #navconditions a, #mainmultimedia #navmultimedia a,
    #mainforum #navforum a, #maincontact #navcontact a{
    text-decoration: none;
    border-right: 1px dotted #FFA900;
    color:#041A4B;
    font-weight: bold;
    }
    
    #navvente a{
    background: #041A4B;
    display:block;
    padding: 0px 3px 0px 3px;
    margin:0;
    }
    
    #smenu1, #smenu2, #smenu3, #smenu4 ,#smenu5 ,#smenu6 ,#smenu7 ,#smenu8 ,#smenu9 ,#smenu10 {
    	position: absolute;
    	display:block;
        padding: 0px 0px 0 0px;
    	left: 0px;
    	right: 0px;
    	font-size: 0.7em;
    	width: 800px;
    	background-color:#041A4B;
    	top: 23px;
    }
    Merci pour votre aide.

    Benjamin.
     
  2. PINEDE
    PINEDE WRInaute discret
    Inscrit:
    16 Mai 2005
    Messages:
    71
    J'aime reçus:
    0
    Personne ???
     
Chargement...
Similar Threads - code menu javascript Forum Date
Modifier code javascript pour largeur de mon menu déroulant Développement d'un site Web ou d'une appli mobile 27 Septembre 2005
Liens du menu de navigation masquées pour l'internaute mais présent dans le code source Débuter en référencement 5 Octobre 2017
Place du menu dans le code html Débuter en référencement 11 Février 2010
Outil de test de code HTTP en masse (sitemap ou liste d'URL) Référencement Google 19 Mai 2022
Paramètres urls & urlrewriting => alphabétiques ou codés ? Problèmes de référencement spécifiques à vos sites 30 Mars 2022
Quel code simulation grid sous IE ? Développement d'un site Web ou d'une appli mobile 13 Novembre 2021
mon code ne fonctionne pas pour masquer les .php URL Rewriting et .htaccess 31 Juillet 2021
La balise "title" n' apparait pas de la même façon que dans le code source. Débuter en référencement 1 Juin 2021
WordPress réécriture d'URL domaine.TLD/COUNTRYCODE/ vers domaine.ccTLD URL Rewriting et .htaccess 9 Mai 2021
Protection de site web : quel code ajouter dans htaccess ? URL Rewriting et .htaccess 5 Mars 2021
WordPress code Développement d'un site Web ou d'une appli mobile 12 Janvier 2021
SEO pour page encodée en ANSI avec charset iso 8859-1 Référencement Google 15 Octobre 2020
Probléme de texte gras, code HTML Demandes d'avis et de conseils sur vos sites 5 Octobre 2020
Google Sheets et caractère "+" dans génération de QR Code YouTube, Google Images et Google Maps 15 Septembre 2020
Que faire des codes erreurs 451 ? Débuter en référencement 22 Juillet 2020
intégrer avis clients pages jaunes via code source Développement d'un site Web ou d'une appli mobile 5 Juin 2020
Problème modification code Adsense AdSense 21 Avril 2020
Réduire et optimiser un code js Développement d'un site Web ou d'une appli mobile 16 Mars 2020
Requête Ajax avec code source visible Développement d'un site Web ou d'une appli mobile 14 Mars 2020
Code identique entre mobile et desktop ? Débuter en référencement 4 Mars 2020