Visualizzazione dei risultati da 1 a 3 su 3

Discussione: menu gestione risorse

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    166

    menu gestione risorse

    è possibile fare si ke uno dei submenu resti aperto e gli altri chiusi?

    questo è il codice ke ho:

    <script type="text/javascript">

    function mmenu(ID) {
    var menu = document.getElementById(ID);
    var display = menu.style.display;
    menu.style.display = (display == "block") ? "none" : "block";

    // ID <- td <- tr <- tbody <- table principale
    var nodoUL=document.getElementById(ID).parentNode.pare ntNode.parentNode.parentNode;

    // figli del tbody (tr)
    var nodo=nodoUL.childNodes[0].childNodes

    // ciclo trai tr saltando i pari
    for (var k=1;k<nodo.length;k+=2){
    // setto nascosto il primo figlio (table) del primo figlio (td) del tr
    var c=nodo[k].childNodes[0].childNodes[0]
    // se non ha l' id che è stato passato alla funzione
    if(c.id!=ID) c.style.display = 'none'
    }
    }


    /* inizializzazione del menu */

    window.onload = function() {
    var uls = document.getElementsByTagName("TABLE");
    for (i=0;i<uls.length;i++) {
    if(uls[i].getAttribute("id") && uls[i].getAttribute("id").search("submenu-")!=-1) uls[i].style.display = "none";
    }
    }

    </script>

  2. #2
    hai l'esempio funzionante? con solo lo script non posso provare.
    "0 è tutto finito. 1 è solo l'inizio"
    HO IL CERTIFICATO DI RESISTENZA.

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    166
    <HTML>
    <HEAD>
    <TITLE>Navir - Optic &amp; Scientific Toys</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <link href="../menu.css" rel="stylesheet" type="text/css">
    <STYLE>A:link {
    COLOR: #666666; TEXT-DECORATION: none
    }
    A:visited {
    COLOR: #666666; TEXT-DECORATION: none
    }
    A:active {
    COLOR: #666666; TEXT-DECORATION: none
    }
    A:hover {
    COLOR: #666666
    }
    </STYLE>
    <script type="text/javascript">

    function mmenu(ID) {
    var menu = document.getElementById(ID);
    var display = menu.style.display;
    menu.style.display = (display == "block") ? "none" : "block";

    // ID <- td <- tr <- tbody <- table principale
    var nodoUL=document.getElementById(ID).parentNode.pare ntNode.parentNode.parentNode;

    // figli del tbody (tr)
    var nodo=nodoUL.childNodes[0].childNodes

    // ciclo trai tr saltando i pari
    for (var k=1;k<nodo.length;k+=2){
    // setto nascosto il primo figlio (table) del primo figlio (td) del tr
    var c=nodo[k].childNodes[0].childNodes[0]
    // se non ha l' id che è stato passato alla funzione
    if(c.id!=ID) c.style.display = 'none'
    }
    }


    /* inizializzazione del menu */

    window.onload = function() {
    var uls = document.getElementsByTagName("TABLE");
    for (i=0;i<uls.length;i++) {
    if(uls[i].getAttribute("id") && uls[i].getAttribute("id").search("submenu-")!=-1) uls[i].style.display = "none";
    }
    }

    </script>
    </HEAD>
    <BODY BGCOLOR=#FFFFFF text="#666666" link="#666666" vlink="#666666" alink="#666666" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td height="602" align="center" valign="middle">
    <TABLE WIDTH=981 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
    <TD valign="top"> [img]../immagini/spacer.gif[/img]</TD>
    <TD COLSPAN=2 valign="top"> [img]../immagini/logo.jpg[/img]</TD>
    <TD COLSPAN=2 valign="top"> [img]../immagini/spidereye.gif[/img]</TD>
    <TD valign="top"> [img]../immagini/new.gif[/img]</TD>
    <TD valign="top"> </TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    </TR>
    <TR>
    <TD ROWSPAN=8 valign="top"><table border="0" align="center" cellpadding="3" cellspacing="0">
    <tr>
    <td class="menu-navir1">Binocoli</td>
    </tr>
    <tr>
    <td> <table width="131" border="0" cellpadding="3" cellspacing="0" class="submenu" id="submenu-1">
    <tr>
    <td class="menu-navir"> <a href="super40red.htm">Super 40
    Red</a></td>
    </tr>
    <tr>
    <td class="menu-navir"><a href="special50yellow.htm">Special
    50 Yellow</a></td>
    </tr>
    <tr>
    <td class="menu-navir"> <a href="special40green.htm">Special
    40 Green</a></td>
    </tr>
    <tr>
    <td class="menu-navir"><a href="special40black.htm">Special
    40 Black</a></td>
    </tr>
    <tr>
    <td class="menu-navir"><a href="special50black.htm">Special
    50 Black</a></td>
    </tr>
    <tr>
    <td class="menu-navir">Super 60 Black</td>
    </tr>
    <tr>
    <td class="menu-navir">Super 40 T</td>
    </tr>
    <tr>
    <td class="menu-navir">Panorama</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="menu-navir1"><a href="javascript:mmenu('submenu-2')">Bug
    Viewers</a></td>
    </tr>
    <tr>
    <td> <table width="131" border="0" cellpadding="3" cellspacing="0" class="submenu" id="submenu-2">
    <tr>
    <td class="menu-navir"> World's Best Bug Viewer</td>
    </tr>
    <tr>
    <td class="menu-navir"> Triple Bug Viewer</td>
    </tr>
    <tr>
    <td class="menu-navir"> Super Bug Viewer</td>
    </tr>
    <tr>
    <td class="menu-navir">Triple Bug Viewer T</td>
    </tr>
    <tr>
    <td class="menu-navir">Super Bug Viewer T</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="menu-navir1">Microscopi</td>
    </tr>
    <tr>
    <td><table width="131" border="0" cellpadding="3" cellspacing="0" class="submenu" id="submenu-3">
    <tr>
    <td class="menu-navir"> Spider Eye</td>
    </tr>
    <tr>
    <td class="menu-navir"> Zoomscope</td>
    </tr>
    <tr>
    <td class="menu-navir"> Spider Eye T</td>
    </tr>
    <tr>
    <td class="menu-navir">Zoomscope T</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="menu-navir1"><a href="javascript:mmenu('submenu-4')">Optic
    Wonders</a></td>
    </tr>
    <tr>
    <td><table width="131" border="0" cellpadding="3" cellspacing="0" class="submenu" id="submenu-4">
    <tr>
    <td class="menu-navir"> Optic Wonder</td>
    </tr>
    <tr>
    <td class="menu-navir"> Optic Wonder Plus</td>
    </tr>
    <tr>
    <td class="menu-navir"> Optic Wonder T</td>
    </tr>
    <tr>
    <td class="menu-navir">Super Optic Wonder</td>
    </tr>
    <tr>
    <td class="menu-navir">Super Optic Wonder Plus</td>
    </tr>
    <tr>
    <td class="menu-navir">Super Optic Wonder Plus T</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="menu-navir1"><a href="javascript:mmenu('submenu-5')">Lenti
    d'ingrandimento</a></td>
    </tr>
    <tr>
    <td><table width="131" border="0" cellpadding="3" cellspacing="0" class="menu-navir" id="submenu-5">
    <tr>
    <td class="menu-navir"> Magnifyng Lens</td>
    </tr>
    <tr>
    <td class="menu-navir"> Megalens</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="menu-navir1">Giroscopi</td>
    </tr>
    <tr>
    <td><table width="131" border="0" cellpadding="3" cellspacing="0" class="menu-navir" id="submenu-6">
    <tr>
    <td class="menu-navir"> Space Wonder</td>
    </tr>
    <tr>
    <td class="menu-navir"> Mini Space Wonder</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="menu-navir1">Telescopi</td>
    </tr>
    <tr>
    <td><table width="131" border="0" cellpadding="3" cellspacing="0" class="menu-navir" id="submenu-7">
    <tr>
    <td class="menu-navir"> Explorer</td>
    </tr>
    <tr>
    <td class="menu-navir"> Explorer T</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="menu-navir1">Periscopi</td>
    </tr>
    <tr>
    <td><table width="131" border="0" cellpadding="3" cellspacing="0" class="menu-navir" id="submenu-8">
    <tr>
    <td class="menu-navir"> Expanding Periscope</td>
    </tr>
    <tr>
    <td class="menu-navir"> Spyscope</td>
    </tr>
    <tr>
    <td class="menu-navir">Spyscope T</td>
    </tr>
    <tr>
    <td class="menu-navir">Giraf</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td class="menu-navir1">Proiettori</td>
    </tr>
    <tr>
    <td><table width="131" border="0" cellpadding="3" cellspacing="0" class="menu-navir" id="submenu-9">
    <tr>
    <td class="menu-navir"> Craft Master 75 Watt</td>
    </tr>
    <tr>
    <td class="menu-navir"> Craft Master 60 Watt</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td>

    </p>
    <p align="left" class="menu-navir1">[img]../immagini/logo-piccolo.jpg[/img]

    <a href="../index.htm">

    Home Page</a> </p></td>
    </tr>
    </table></TD>
    <TD COLSPAN=2 ROWSPAN=2 valign="top"> [img]../immagini/confezione.jpg[/img]</TD>
    <TD ROWSPAN=8 valign="top"> [img]../immagini/spidereye-prodotto.jpg[/img]</TD>
    <TD COLSPAN=3 valign="top"></TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=3 valign="top"> [img]../immagini/spidereye-dettaglio.jpg[/img]</TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    </TR>
    <TR>
    <TD COLSPAN=2 valign="top"> </TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    </TR>
    <TR>
    <TD ROWSPAN=2 valign="top"> [img]../immagini/navir2-1024_13.gif[/img]</TD>
    <TD ROWSPAN=2 valign="top"> </TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    </TR>
    <TR>
    <TD COLSPAN=3 ROWSPAN=4 valign="top"> </TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    </TR>
    <TR>
    <TD COLSPAN=2 valign="top"> [img]../immagini/navir2-1024_16.gif[/img]</TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    </TR>
    <TR>
    <TD COLSPAN=2 valign="top"> [img]../immagini/navir2-1024_17.gif[/img]</TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    </TR>
    <TR>
    <TD COLSPAN=2 valign="top"> </TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    </TR>
    <TR>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    <TD> [img]../immagini/spacer.gif[/img]</TD>
    <TD></TD>
    </TR>
    </TABLE></td>
    </tr>
    </table>
    </BODY>
    </HTML>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.