salve!!
Ho realizzato un menu a tendina in Javascript e css...molto semplice che interagisce con il data base tramite php..tutto funziona bene..solo che quando mi allontano dal menu questo non scompare..cioè, quando mi si apre una tendina quando sposto il mouse la tendina non si richiude e rimane aperta...
Qualcuno sa come posso fare per farla far richiudere???
questo è il codice
codice:<script type="text/javascript"> <!-- 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> <style type="text/css"> <!-- /* CSS issu des tutoriels www.alsacreations.com/articles */ dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } #menu { position: absolute; top: 0; left: 0; z-index:100; width: 100%; /* précision pour Opera */ } #menu dl { float: left; width: 80px; } #menu dt { cursor: pointer; text-align: center; font-weight: bold; background: #336699; margin: 1px; font: 11px tahoma; color: #ffffff; } #menu dd { display: none; } #menu li { font: 11px tahoma; color: #ffffff; text-align: left; background: #578FC7; } #menu li a, #menu dt a { color: #ffffff; text-decoration: none; display: block; height: 100%; border: 0 none; } #menu li a:hover, #menu dt a:hover { background: #ffffff; color: #000000; } #site { position: absolute; z-index: 1; top : 70px; left : 10px; color: #000; background-color: #ddd; padding: 5px; border: 1px solid gray; } .mentions { position: absolute; top : 300px; left : 10px; color: #000; background-color: #ddd; } --> </style> </head> <body> <div id="menu"> <? $q_1="SELECT * FROM azienda WHERE id_company='1'"; $r_1=mysql_query($q_1) or die (mysql_error());?> <dl> <dt onmouseover="javascript:montre('smenu1');">AZIENDA</dt> <dd id="smenu1"> <ul><? while ($dr_1=mysql_fetch_assoc($r_1)){?> [*]<? print $dr_1[nome_az];?> <? }?> [/list] </dd> </dl> <dl><? $q_2="SELECT * FROM sottoservizi WHERE id_servizi='1'"; $r_2=mysql_query($q_2) or die (mysql_error());?> <dt onmouseover="javascript:montre('smenu2');">SERVIZI</dt> <dd id="smenu2"> <ul> <? while ($dr_2=mysql_fetch_assoc($r_2)){?> [*]<? print $dr_2[titolo_ser];?> <? }?> [/list] </dd> </dl> <dl><? $q_3="SELECT * FROM categorie WHERE id_prod_gen='1'"; $r_3=mysql_query($q_3) or die (mysql_error());?> <dt onmouseover="javascript:montre('smenu3');">PRODOTTI</dt> <dd id="smenu3"> <ul> <? while ($dr_3=mysql_fetch_assoc($r_3)){?> [*]<? print $dr_3[nome_cat];?> <? }?> [/list] </dd> </dl> <dl> <dt onmouseover="javascript:montre();">PAZIENTI</dt> </dl> <dl><? $q_5="SELECT * FROM continenti WHERE id_cartina='1'"; $r_5=mysql_query($q_5) or die (mysql_error());?> <dt onmouseover="javascript:montre('smenu5');">NEL MONDO</dt> <dd id="smenu5"> <ul> <? while ($dr_5=mysql_fetch_assoc($r_5)){?> [*]<? print $dr_5[nome_cont];?> <? }?> [/list] </dd> </dl> <dl> <dt onmouseover="javascript:montre();">CONTATTI</dt> </dl> <dl> <dt onmouseover="javascript:montre();">NEWS</dt> </dl> <dl> <dt onmouseover="javascript:montre('smenu7');">Menu 3</dt> <dd id="smenu7"> <ul> [*]Sous-Menu 3.1 [*]Sous-Menu 3.2 [*]Sous-Menu 3.3 [*]Sous-Menu 3.4 [*]Sous-Menu 3.5 [/list] </dd> </dl> </div> <div id="site"> <h1>Menu horizontal déroulant en CSS</h1> Testé sous Internet Explorer, Netscape, Mozilla, Opera et Firebird</p> Il vous suffit d'adapter le code source de cette page à vos besoins. </p> </div> <div class="mentions">Raphaël GOETTER Alsacréations Explications / Explanations</div> </body> </html>
Rispondi quotando
