Utility
Home Messaggi odierni FAQ Ricerca avanzata Lo staff del forum Regolamento Utenti Archivio
Visualizzazione dei risultati da 1 a 2 su 2
  1. 18-07-2003, 12:30 #1
    shaone
    shaone non è in linea
    Utente di HTML.it L'avatar di shaone
    Registrato dal
    Apr 2003
    Messaggi
    212

    Menu dhtml... o quasi!!

    Ciao a tutti ragazzi!!
    Ho un problema... il seguente:
    Mi sto creando una specie di menu in dhtml e javascript...
    Mi sono creato la struttura con i diversi stile e voglio fare in modo che quando clicco su una delle voci principali mi compaia il menu corrispondente...
    Il tutto funziona bene ma penso che manchi la ciliegina sulla torta perche' quando clicco su diverse voci del menu principale i layer si sovrappongono e vorrei fare in modo che al cliccare di uno gli altri scompaiano...
    Non complicato per chi non e' all'asciutto in materia come me...

    Spero in una risposta ...... Questo è il mio codice finora...


    <html>
    <head>
    <title>Documento senza titolo</title>
    <script type="text/javascript" language="JavaScript1.2">
    function ChangeState(layerRef,stato) {
    eval("document.all['" + layerRef + "'].style.visibility = '" + stato + "'");
    }
    </script>
    <style type="text/css">
    <!--
    .TopMenu {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #0066CC;
    border-top: 1px solid #FFCC00;
    border-bottom: 1px solid #FFCC00;
    padding-top: 3px;
    padding-bottom: 3px;
    }
    #M-Archivi {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #0066CC;
    position: absolute;
    left: 10px;
    top: 100px;
    border: 1px solid #FFCC00;
    padding: 2px;
    visibility: hidden;
    }
    #M-Vendita {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #0066CC;
    position: absolute;
    left: 10px;
    top: 100px;
    border: 1px solid #FFCC00;
    padding: 2px;
    visibility: hidden;
    }
    #M-Stampe {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #0066CC;
    position: absolute;
    left: 10px;
    top: 100px;
    border: 1px solid #FFCC00;
    padding: 2px;
    visibility: hidden;
    }
    #M-Servizi {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #0066CC;
    position: absolute;
    left: 10px;
    top: 100px;
    border: 1px solid #FFCC00;
    padding: 2px;
    visibility: hidden;
    }
    -->
    </style>
    </head>

    <body>


    <div class="TopMenu" align="center">
    | Archivi
    | Vendita al banco
    | Stampe
    | Servizi
    | </div>


    <div name="MenuArchivi" id="M-Archivi">
    - Articoli

    - Fornitori

    - Codici IVA

    - Codici Cat.Merci

    - Codici Unità di misura
    </div>

    <div name="MenuVendita" id="M-Vendita">
    - Vendita al banco

    - Venduto periodo

    </div>

    <div name="MenuStampe" id="M-Stampe">
    - Articoli

    - Fornitori

    - Codici IVA

    - Codici Cat.Merci

    - Codici Unità di misura

    - Elenco Movimenti
    </div>

    <div name="MenuServizi" id="M-Servizi">
    - Rigenerazione chiavi

    - Selezione stampante

    - Backup

    - Restore

    - Stampe differite

    - Manuale
    </div>

    </body>
    </html>
    Rispondi quotando Rispondi quotando
  2. 18-07-2003, 19:31 #2
    Reale_Augello
    Guest

    Mi...

    ... sono permesso di "stravolgere" un pò il tuo script:

    codice:
    <html> 
<head> 
<title>Documento senza titolo</title> 
<script type="text/javascript" language="JavaScript1.2"> 
function ChangeState(layerRef) { 
var livelli=document.getElementsByTagName('div');
for (i=0; i<livelli.length; i++)
if (livelli[i].id.substr(0,1)=="M") {
 if (livelli[i].id!=layerRef) livelli[i].style.visibility='hidden';
  else livelli[i].style.visibility='visible';
}
} 
</script> 
<style type="text/css"> 
<!-- 
.TopMenu { 
font-family: Verdana; 
font-size: 10px; 
font-weight: bold; 
color: #0066CC; 
border-top: 1px solid #FFCC00; 
border-bottom: 1px solid #FFCC00; 
padding-top: 3px; 
padding-bottom: 3px; 
} 
#M-Archivi { 
font-family: Verdana; 
font-size: 10px; 
font-weight: bold; 
color: #0066CC; 
position: absolute; 
left: 10px; 
top: 100px; 
border: 1px solid #FFCC00; 
padding: 2px; 
visibility: hidden; 
} 
#M-Vendita { 
font-family: Verdana; 
font-size: 10px; 
font-weight: bold; 
color: #0066CC; 
position: absolute; 
left: 10px; 
top: 100px; 
border: 1px solid #FFCC00; 
padding: 2px; 
visibility: hidden; 
} 
#M-Stampe { 
font-family: Verdana; 
font-size: 10px; 
font-weight: bold; 
color: #0066CC; 
position: absolute; 
left: 10px; 
top: 100px; 
border: 1px solid #FFCC00; 
padding: 2px; 
visibility: hidden; 
} 
#M-Servizi { 
font-family: Verdana; 
font-size: 10px; 
font-weight: bold; 
color: #0066CC; 
position: absolute; 
left: 10px; 
top: 100px; 
border: 1px solid #FFCC00; 
padding: 2px; 
visibility: hidden; 
} 
--> 
</style> 
</head> 

<body> 


<div class="TopMenu" align="center"> 
| Archivi 
| Vendita al banco 
| Stampe 
| Servizi 
| </div> 


<div name="MenuArchivi" id="M-Archivi"> 
- Articoli 
 
- Fornitori 
 
- Codici IVA 
 
- Codici Cat.Merci 
 
- Codici Unità di misura 
</div> 

<div name="MenuVendita" id="M-Vendita"> 
- Vendita al banco 
 
- Venduto periodo 
 
</div> 

<div name="MenuStampe" id="M-Stampe"> 
- Articoli 
 
- Fornitori 
 
- Codici IVA 
 
- Codici Cat.Merci 
 
- Codici Unità di misura 
 
- Elenco Movimenti 
</div> 

<div name="MenuServizi" id="M-Servizi"> 
- Rigenerazione chiavi 
 
- Selezione stampante 
 
- Backup 
 
- Restore 
 
- Stampe differite 
 
- Manuale 
</div> 

</body> 
</html>
    Cosa ne pensi ?
    Rispondi quotando Rispondi quotando
« Discussione precedente | Prossima discussione »

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  

Regole del Forum

Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.