Salve,
è la prima volta che vengo su questo forum e avrei (almeno per me) un bel problema.
Sono andato nella sezione degli script DHTML e Javascript, per trovare un esempio di menù a tendina; qualcosa ho trovato ma non so come fare per inserire il pulsante che crea il menu all'interno di una tabella.
Dato che è da poco che aggeggio con il web
Per favore qualcuno mi potrebbe aiutare a costruire un menù?
che vada dall'alto in basso!
Grazie
:master:qualcosa ho trovato
cosa hai trovato? di quale pulsante parli?
Sei un pochino criptico...
ciao
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
Qui' di seguito, riporto un esempio arricchito con molte descrizioni di come creare un menu' dinamico
con VbScript e HTML, chiaramente si presume che abbiate una buona infarinatura di HTML e di VbScript,
comunque modificando opportunamente lo script potrete riutilizzarlo nel vostro sito...
Lo script e' composto da due file, uno html in cui viene scritto lo script i tag html necessari per la
visualizzazzione e da un file CSS (foglio di stile) per assegnare in modo univoco le caratteristiche ai <div>
che contengono le scritte dei menu.
<HTML>
<HEAD>
<TITLE>Menu Laterale BySpy</TITLE>
</HEAD>
<LINK href="menu.css" type=text/css rel=stylesheet>
<script language="vbscript">
'------------------------------------------------------------------------------------
'Descrizione: questo gruppo di Function serve a fare apparire e sparire i sottomenu
' assegnandoli al passaggio del mouse una nuova classe CSS.
'Data: 14/02/03
'Commenti:
'------------------------------------------------------------------------------------
function visualizzaMenu(menu)
menu.style.display = ""
window.event.srcElement.className="dimensioneMenuH over"
end function
function nascondeMenu(menu)
menu.style.display = "none"
window.event.srcElement.className="dimensioneMenuF isso"
end function
'------------------------------------------------------------------------------------
'Descrizione: controlliamo il passaggio del mouse nel sottomenu per evitare di farlo
' sparire perdendo il focus del menu.
'Data: 14/02/03
'Commenti:
'------------------------------------------------------------------------------------
function visualizzaSottoMenu(menu)
menu.style.display = ""
end function
function nascondeSottoMenu(menu)
menu.style.display = "none"
end function
'------------------------------------------------------------------------------------
'Descrizione: Azioni da svolgere al passaggio e al lascio dei sottomenu assegnandogli
' una nuova classe CSS.
'Data: 14/02/03
'Commenti:
'------------------------------------------------------------------------------------
function mouseInMovimento()
window.event.srcElement.className="mouseInMoviment oMenu"
end function
function mouseOut()
window.event.srcElement.className="mouseLasciaIlMe nu"
end function
'------------------------------------------------------------------------------------
'Descrizione: Azioni da svolgere al click dei menu
'Data: 14/02/03
'Commenti:
'------------------------------------------------------------------------------------
function indirizzaMenu(categoria)
select case categoria
case 1 document.bgColor="red"
case 2 document.bgColor="blue"
case 3 document.bgColor="white"
case 4 window.top.location.href="http://www.byspy.it"
end select
end function
</script>
<BODY>
<!------------------------------------------------------------------------------------
'Descrizione: il menu sottostante serve a fare aprire il menu da SX a DX, l'unica cosa
' che cambia è l'utilizzo di SPAN anziccè DIV.
'Data: 14/02/03
'Commenti:
'------------------------------------------------------------------------------------>
<table>
<tr>
<td rowspan=10>
<div> class=titoloDiTestaMenu Laterali BySpy</div>
<table cellpadding=0 cellspacing=1>
<tr>
<td width="140">
<span id="menuFissoSx1" class="dimensioneMenuFisso" onmouseover="visualizzaMenu(menuMobileSx1)" onmouseout="nascondeMenu(menuMobileSx1)">colora lo sfondo1</span>
<div id="menuMobileSx1" class="menuMobilePopUp" style="display:none" onmouseover="visualizzaSottoMenu(menuMobileSx1)" onmouseout="nascondeSottoMenu(menuMobileSx1)">
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(1)">rosso</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(2)">blu</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(3)">bianco</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(4)" Style="BORDER-bottom: #9999cc 1px solid; PADDING-bottom: 3px;">byspy.it</div>
</div>
<span id="menuFissoSx2" class="dimensioneMenuFisso" onmouseover="visualizzaMenu(menuMobileSx2)" onmouseout="nascondeMenu(menuMobileSx2)">colora lo sfondo2</span>
<div id="menuMobileSx2" class="menuMobilePopUp" style="display:none" onmouseover="visualizzaSottoMenu(menuMobileSx2)" onmouseout="nascondeSottoMenu(menuMobileSx2)">
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(1)">rosso</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(2)">blu</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(3)">bianco</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(4)" Style="BORDER-bottom: #9999cc 1px solid; PADDING-bottom: 3px;">byspy.it</div>
</div>
</td>
</tr>
</table>
</td>
<td>Ecco fatto! Provate e vedrete...</td>
</tr>
</table>
</BODY>
</HTML>
Di seguito trovi quello che devi scrivere nel file menu.css
.dimensioneMenuFisso {
PADDING-RIGHT: 3px; PADDING-LEFT: 6px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; WIDTH: 100%; CURSOR: hand; COLOR: black; PADDING-TOP: 4px; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: Tahoma,sans-serif; BACKGROUND-COLOR: #c6ddf4;
}
.dimensioneMenuHover {
PADDING-RIGHT: 3px; PADDING-LEFT: 6px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; WIDTH: 100%; CURSOR: hand; COLOR: black; PADDING-TOP: 4px; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: Tahoma,sans-serif; BACKGROUND-COLOR: whitesmoke
}
.mouseInMovimentoMenu {
BORDER-RIGHT: #9999cc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #9999cc 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #9999cc 1px solid; WIDTH: 100%; CURSOR: hand; COLOR: white; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,sans-serif; BACKGROUND-COLOR: #496DAD;
}
.mouseLasciaIlMenu {
BORDER-RIGHT: #9999cc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #9999cc 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #9999cc 1px solid; WIDTH: 100%; CURSOR: hand; COLOR: black; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,sans-serif; BACKGROUND-COLOR: whitesmoke
}
.mouseLasciaMenuUltimo {
BORDER-RIGHT: #9999cc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #9999cc 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #9999cc 1px solid; WIDTH: 100%; CURSOR: hand; COLOR: black; PADDING-TOP: 3px; BORDER-BOTTOM: #9999cc 1px solid; FONT-FAMILY: Tahoma,sans-serif; BACKGROUND-COLOR: whitesmoke
}
.titoloDiTesta {
PADDING-RIGHT: 3px; BORDER-TOP: #004080 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #004080; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; COLOR: white; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,sans-serif
}
.menuMobilePopUp {
WIDTH: 140px; POSITION: absolute
}
Spero di esserti stato d'aiuto.
BySpy
<head> Nothing! </head>
<body> Open your mind and close your ass !!! </body>
Ciao, io ho usato questo codice per un menù che però è disposto orizzontalmente. Tutto bene tranne che facendo le prove con una voce di menù sola il menù funziona, mentre avendone più di una accanto (ognuna dentro le celle di una tabella)non appare il sottomenu di nessuna delle voci. E leggo errore nella visual. della pagina nella barra di stato.
Chi mi può aiutare?
Ciao
Br1 proponi qualche mio menu che ho pubblicato sul forum!
Dove sono?
perchè, tu non riesci a proporlo da solo? :master:Originariamente inviato da Ugly
Br1 proponi qualche mio menu che ho pubblicato sul forum!
Dove sono?
Permessi di invio
Rispondi quotando