Newsgroup: it.comp.lang.javascript
Titolo: menu in javascript

Ho scaricato un file che è l'esempio di un menù espandibile. A me, però,
servirebbe un menù come questo, ma con la possibilità di accedere alle
sottosezioni non tramite mouseover, ma tramite click del mouse, facendo
aprire e chiudere le diverse sezioni (non mi interessano menù gerarchici
o ad albero). Purtroppo non conosco il javascript, potreste aiutarmi?
Ciao
Grazie
Peppe
eccolo
<script LANGUAGE="JavaScript">
document.write('<STYLE TYPE="text/css">\na.mv2style
{color:#ffffff;text-decoration:none;}\na:hover.mv2style
{color:#CC0000;text-decoration:underlined;}\n</STYLE>');
mv2_menu = new Array();
mv2_lien = new Array();
mv2_menu[0] = '<b>Html.it</b>';
mv2_menu[1] = '<b>Linguaggi web</b>';
mv2_menu[2] = '<b>Risorse</b>';
mv2_menu[3] = '<b>Forum</b>';
mv2_lien[0] = '<A HREF="
http://www.html.it
" CLASS=mv2style
TARGET="_self"> . Home page</A><BR>'
mv2_lien[1] = '<A HREF="
http://freephp.html.it
" CLASS=mv2style
TARGET="_self"> . Freephp</A><BR>'
mv2_lien[2] = '<A HREF="
http://www.html.it/jscript/index.html
"
CLASS=mv2style TARGET="_self"> . Javascript</A><BR>'
mv2_lien[3] = '<A
HREF="
http://forum.html.it/forum/forumdisplay.php?s=&forumid=39
"
CLASS=mv2style TARGET="_self"> . Forum Php</A><BR>';
mv2_lien[1] += '<A HREF="
http://freeasp.html.it
" CLASS=mv2style
TARGET="_self"> . Freeasp</A><BR>';
mv2_lien[1] += '<A HREF="
http://cgipoint.html.it/
" CLASS=mv2style
TARGET="_self"> . Cgipoint</A><BR>';
mv2_lien[2] += '<A HREF="
http://www.html.it/dynamic/index.html
"
CLASS=mv2style TARGET="_self"> . Dhtml</A><BR>';
mv2_lien[2] += '<A HREF="
http://www.html.it/java/index.html
"
CLASS=mv2style TARGET="_self"> . Applet Java</A><BR>';
mv2_lien[3] += '<A
HREF="
http://forum.html.it/forum/forumdisplay.php?s=&forumid=1
"
CLASS=mv2style TARGET="_self"> . Forum Html</A><BR>';
mv2_lien[3] += '<A
HREF="
http://forum.html.it/forum/forumdisplay.php?s=&forumid=7
"
CLASS=mv2style TARGET="_self"> . Discussioni Off Topic</A><BR>';
mv2_pos = -1;
function mv2_menu_draw()
	{
	mv2_aff = "<TABLE BORDER=0 BGCOLOR=#ffffff CELLPADDING=0 CELLSPACING=0
WIDTH=200><TR><TD><TABLE BORDER=0 CELLPADDING=3 CELLSPACING=1
WIDTH=100%>";
for(a=0;a<mv2_menu.length;a++)
		{
		if(mv2_pos == a || !document.getElementById)
			bgcolor = "#006699";
		else
			bgcolor = "#000000";
	if(document.getElementById)
			mv2_aff += "<TR><TD BGCOLOR="+bgcolor+"><A HREF=\"#\"
onMouseOver=\"mv2_pos="+a+";mv2_menu_draw()\" CLASS=mv2style><FONT
FACE=\"Verdana\" SIZE=2>"+mv2_menu[a]+"</FONT></A></TD></TR>";
		else
			mv2_aff += "<TR><TD BGCOLOR="+bgcolor+"><FONT FACE=\"Verdana\" SIZE=2
COLOR=#000000>"+mv2_menu[a]+"</FONT></TD></TR>"
	if(mv2_pos == a || !document.getElementById)
			mv2_aff += "<TR><TD BGCOLOR="+bgcolor+"><FONT FACE=\"Verdana\"
SIZE=1>"+mv2_lien[a]+"</FONT></TD></TR>";
		}
mv2_aff += "</TABLE></TD></TR></TABLE>";
	if(document.getElementById)
		document.getElementById("mv2").innerHTML = mv2_aff;
	else
		document.write(mv2_aff);
	}
mv2_menu_draw();
</script>
-- 
Posted via Mailgate.ORG Server - 
http://www.Mailgate.ORG

 o ad albero). Purtroppo non conosco il javascript
Ottima occasione: studiati il file, chiedi quel che non capisci...e cosě lo
impari!

 mouseover, ma tramite click del mouse
È sufficiente che sostituisci "onmouseover" con "onclick".
Maurizio.

Maurizio. ha scritto:

E come devo fare per non lasciare la sezione aperta, ma chiuderla 
ricliccandoci sopra?
Grazie
Ciao
Peppe
-- 
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!       Giuseppe Di Rienzo Scoutlink: Pepz       !
!     E-mail: 
pe...@email.it
 / 
pe...@virgilio.it
   !
!                  ICQ: 25025139                 !
!     Campobasso 3° WWW, Scouting on the Net:    !
!              
http://cb3.monrif.net
             !
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Quando penso alla Isla, rattristisco
perchè vorrei raggiungerla, ma nel
contempo sono contento perchè basta
chiudere gli occhi perchè lei stessa
mi raggiunga...
                           (R.N.T.)

 ma chiuderla ricliccandoci sopra?
onclick=\"mv2_pos=" + (mv2_pos == a ? -1 : a) + ";mv2_menu_draw()\"
Maurizio.