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... :gren:
<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>
