Newsgroup: it.comp.lang.javascript
Titolo: Navigation Bar Aiuto

Ho creato parte del codice di questa pagina web con una navigation bar che
permette di selezionare delle voci sulla sinistra e far apparire al di sotto
di esse dei link  facendo scorrere in basso le altre voci del menù.
Alcuni menù però posseggono dei sub menù con all'interno dei link.
Il quesito è il seguente:
non riesco a far scorrere le voci sotto i sub menù verso il basso (quando
appaiono) e verso l'alto (quando i sub menù scopaiono) così come fanno i
link.
In pratica, cliccando su Informatica i sub menù Vendita Hardware,
Assemblaggio e Assistenza Tecnica appaiono e basta ma non fanno scorrere
verso l'alto o il basso il menù successivo (Rigenerazione)
Inserendo -style="display:'none'"- semplicemente non fa vedere i vari sub
menù (Vendita hardware, ecc.) ma lo spazio fisico che occupano resta
lasciando, tra la prima e la seconda voce ( Informatica e Rigenerazione)),
uno sgradevole spazio. Come posso fa scorrere verso l'alto anche il secondo
menù (Rigenerazione) e farlo scorrere verso il basso quando clicco sul primo
(Informatica)?
E' un pò contorto ma spero di essere stato chiaro.
Grazie mille per l'aiuto.
<html>
<head>
<title>prova nuovo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
<!--
var Open = ""
var Closed = ""
function showhide(what){
if (what.style.display=='none'){
what.style.display='';
}
else{
what.style.display='none'
}
}
-->
</script>
</head>
<body onload="preload()" bgcolor="#ffffff" text="#000000" link="#0000FF"
vlink="#FF0000" tracingsrc="Pag3_800x461.jpg" tracingopacity="72">
<map name="NavBar1">
<area shape="poly" coords="71,90,76,89,87,81,87,66,7,67,8,83,8,82"
href="index.htm" target="_blank" alt="Home Page">
<area shape="poly"
coords="94,66,93,81,105,82,140,92,153,91,172,85,172,68,173,67,180,66"
href="staff.htm" alt="Chi Siamo">
<area shape="poly"
coords="181,67,180,81,195,82,227,92,246,92,261,83,260,68,259,68"
href="where.htm" target="_blank" alt="Dove Siamo">
</map>
<map name="NavBar2">
<area shape="poly"
coords="5,66,4,81,18,81,51,93,71,91,85,83,85,65,85,64,92,66" href="what.htm"
alt="Nostra Attivit&agrave;">
<area shape="poly"
coords="92,67,92,81,108,83,135,93,156,91,171,83,171,67,171,66"
href="contact.htm" alt="Contattaci">
</map>
<map name="NavBar3">
<area shape="poly" coords="6,67,5,83,21,83,54,92,75,90,85,82,85,68,84,67"
href="download.htm" alt="Download">
</map>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td width="167" height="109" valign="top"><img src="logo_3.jpg"
width="167" height="109"></td>
    <td width="263" valign="top"><img src="logo2_3.jpg" width="263"
height="109" border="0" usemap="#NavBar1"></td>
    <td width="174" valign="top"><img src="buttons_3.jpg" width="174"
height="109" border="0" usemap="#NavBar2"></td>
    <td width="100" valign="top"><img src="button_end_3.jpg" width="100"
height="109" border="0" usemap="#NavBar3"></td>
    <td width="100%" valign="top"><img src="end_3.jpg" width="100%"
height="109"></td>
  </tr>
  <tr>
    <td width="167" height="100%" valign="top" background="b_logo_3_ok.jpg">
<font face="Verdana" size="2">
&nbsp;<span id="menu1" onClick="showhide(menu1head); showhide(menu1head2);
showhide(menu1head3)" style="cursor:hand; font-Family:Verdana;
text-decoration:none; font-weight:bold">Informatica</span><br>
&nbsp;&nbsp;<span id="menu1head" onClick="showhide(menu1outline)"
style="cursor:hand; font-Family:Verdana; text-decoration:none;
font-weight:normal">Vendita Hardware</span><br>
<span id="menu1outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="listino_hard.htm"
target="_main">Listino</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="offerte_hard.htm"
target="_main">Offerte</a><br>
</span>
&nbsp;&nbsp;<span id="menu1head2" onClick="showhide(menu1outline2)"
style="cursor:hand; font-Family:Verdana; text-decoration:none;
font-weight:normal">Assemblaggio</span><br>
<span id="menu1outline2" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ass_offerte.htm"
target="_main">Offerte Assemblati</a><br>
</span>
&nbsp;&nbsp;<span id="menu1head3" onClick="showhide(menu1outline3)"
style="cursor:hand; font-Family:Verdana; text-decoration:none;
font-weight:normal">Assistenza Tecnica</span><br>
<span id="menu1outline3" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="mailto:
in...@info.it
?Subject=Informazioni">Scrivici</a><br>
</span>
<br />
<font face="Verdana" size="2">
&nbsp;<span id="menu2" onClick="showhide(menu2outline)" style="cursor:hand;
font-Family:Verdana; text-decoration:none;
font-weight:bold">Rigenerazione</span><br>
<span id="menu2outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="toner.htm"
target="_main">Toner</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="ink_jet.htm" target="_main">Ink
Jet</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="nastri.htm"
target="_main">Nastri</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="listino.htm"
target="_main">Listino</a><br>
</span>
<br />
<font face="Verdana" size="2">
&nbsp;<span id="menu3" onClick="showhide(menu3outline)" style="cursor:hand;
font-Family:Verdana; text-decoration:none;
font-weight:bold">Consumabili</span><br>
<span id="menu3outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="original.htm"
target="_main">Originali</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="compatibili.htm"
target="_main">Compatibili</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="rigenerati.htm"
target="_main">Rigenerati</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="
ricerca.com
" target="_main">Ricerac
Modello</a><br>
</span>
<br />
<font face="Verdana" size="2">
&nbsp;<span id="menu4" onClick="showhide(menu4outline)" style="cursor:hand;
font-Family:Verdana; text-decoration:none; font-weight:bold">Assistenza
Tecnica</span><br>
<span id="menu4outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="mailto:
in...@info.it
?Subject=Informazioni">Informatica</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="mailto:
in...@info.it
?Subject=Informazioni">Rigenerazione</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="mailto:
in...@info.it
?Subject=Informazioni">Riprografia</a><br>
</span>
<br />
<font face="Verdana" size="2">
&nbsp;<span id="menu5" onClick="showhide(menu5head); showhide(menu5head2)"
style="cursor:hand; font-Family:Verdana; text-decoration:none;
font-weight:bold">Riprografia</span><br>
&nbsp;&nbsp;<span id="menu5head" onClick="showhide(menu5outline)"
style="cursor:hand; font-Family:Verdana; text-decoration:none;
font-weight:normal">Vendita</span><br>
<span id="menu5outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="nuovo.htm"
target="_main">Nuovo</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="usato.htm"
target="_main">Usato</a><br>
</span>
&nbsp;&nbsp;<span id="menu5head2" onClick="showhide(menu5outline2)"
style="cursor:hand; font-Family:Verdana; text-decoration:none;
font-weight:normal">Ricambi</span><br>
<span id="menu5outline2" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="mailto:
in...@info.it
?Subject=Informazioni">Scrivici</a><br>
</span>
<br />
<font face="Verdana" size="2">
&nbsp;<span id="menu6" onClick="showhide(menu6outline)" style="cursor:hand;
font-Family:Verdana; text-decoration:none;
font-weight:bold">Contatti</span><br>
<span id="menu6outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="mailto:
in...@info.it
?Subject=Informazioni">Informazioni</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="mailto:
in...@info.it
?Subject=Informazioni">Preventivi</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="mailto:
in...@info.it
?Subject=Informazioni">Ordini</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
href="mailto:
in...@info.it
?Subject=Informazioni">Amministrazione</a><br>
</span>
    </td>
    <td colspan="4" rowspan="2" valign="top">
<table width="100%" border="0" cellpadding="2" cellspacing="2"
align="center">
     <tr>
        <TD align=justify>
<b>Planet Drum</b> nasce nel 2001 dall`esigenza di mettere a disposizione di
batteristi
un mezzo pratico, semplice da usare e sempre aggiornato. Dopo anni di
esperienza nel campo della percussione, di studi e di continue letture dei
mensili specializzati,
egli cerca di creare un mezzo di informazione che possa colmare le lacune
che ha costantemente verificato e subito.<br /><br />
Il sito viene quindi progettato seguendo la falsariga delle riviste cartacee
più blasonate, ma
il suo punto di forza lo acquisisce grazie all'interattività che le nuove
tecnologie gli mettono a disposizione.<br /><br />
Ecco, così, che al fianco delle classiche Interviste troviamo un Forum; alle
recensioni si affiancano i Guest Book e le Mailing List; alla Didattica si
contrappongono le sezioni Links,
Messaggi ed Arretrati, tutti rigorosamente interattivi con i lettori.<br
/><br />
Con il tempo Planet Drum è cresciuto avvalendosi sempre più di collaboratori
importanti nel mondo della musica italiana e, attraverso i quali, la già
alta qualità dei suoi contenuti è andata ad accrescersi.<br /><br />
I nostri obiettivi primari rimangono, però, quelli degli inizi. Rendere un
servizio ai musicisti italiani attraverso la promozione di bands e lavori
discografici; mettere a disposizione un mezzo di informazione
qualificato; creare un punto di riferimento per una comunità che, al
contrario delle realtà maggiormente rappresentative quali USA e Gran
Bretagna, in Italia manca.<br /><br />
<br />
Ora spetta a voi tutti crescere insieme a noi!
</TD>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="928" valign="top">&nbsp;</td>
  </tr>
</table>
<hr width="100%" size="4" />
<!-- Standard Footer -->
     <SCRIPT LANGUAGE="javascript" TYPE="text/javascript"
SRC="footer.js"></SCRIPT>
<!-- End Standard Footer -->
</body>
</html>

 Grazie mille per l'aiuto.
Prova ad usare "block" per rendere visibile e "none" per invisibile.
Se può esserti d'aiuto, questo e' un menu che, a quanto leggo, funziona 
come serve a te: 
http://www.jsdir.com/staffscripts/script088.asp
-- 
Ciao, Riccardo
------------------------------------------------------------------------
http://www.jsdir.com
  ---- Bring Your Site To Life!!!!
http://www.wmtools.it
 ---- WebMasterTools - Servizi per il tuo sito
http://www.dev2dev.it
 ---- La rete ha connesso nuove particelle - D2D006
------------------------------------------------------------------------
Per rispondere: togli i PUNTO .

 Se puň esserti d'aiuto, questo e' un menu che, a quanto leggo, funziona
