Menù a scomparsa

hyperion

Menù a scomparsa

Ok. Sto costruendo un sito, e vorrei sapere se c'e un modo per fare i menù a scomparsa xo con le tabelle.
http://www.sonicdream.it/NEXT/indexM.htm
non è ancora completo, cmq intendo il menù dove c'e main, games, extra ecc..
è stato fatto usando le tabelle, però vorrei fare in modo che quando uno clicca su una voce, sotto compaiono altre tabelle contenenti altre voci (nella vecchia versione del sito uso uno script php per farlo, solo che quello va solo con il testo, non crea tabelle proprio..)
come sta adesso è come dovrebbe apparire con tutte le voci aperte (in pratica voglio fare che quando clicchi su Games x esempio, sotto ti escono tutti i giochi e così via)

il codice della tabella è questo

<table width="140" border="0" cellspacing="0" cellpadding="0">
                    <tr> 
                      <td background="images/sideboxtop1.gif" width="140" height="17"><div align="center"><font color="#FFFFFF" size="1">**&#91;&raquo;Main&laquo;&#93;**</font></div></td>
                    </tr>
                    <tr> 
                      <td>![image](images/sideboxtop2.gif)</td>
                    </tr>
                    <tr> 
                      <td><table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse: collapse">
                          <tr> 
                            <td><table width="100%" border="0" cellspacing="1" cellpadding="1">
  <tr>
                                  <td bgcolor="#6F6F6F"><div align="center"><font size="1">**&#58;&#58;&#91; 
                                      Main &#93;&#58;&#58;**</font></div></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)Link[url="#"]</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)Link[url="#"]</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)Link[url="#"]</font></td>
                              </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)Link[url="#"]</font></td>
                              </tr>
  <tr>
<td bgcolor="#6F6F6F"><div align="center"><font size="1">**&#58;&#58;&#91; Games &#93;&#58;&#58;**</font></div></td>  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)Link[url="#"]</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)Link[url="#"]</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)Link[url="#"]</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)Link[url="#"]</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)[url="#"]Link</font></td>
  </tr>
  <tr>
<td bgcolor="#6F6F6F"><div align="center"><font size="1">**&#58;&#58;&#91; Extra 
                                      &#93;&#58;&#58;**</font></div></td>   </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)Link[url="#"]</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)Link[url="#"]</font></td>
  </tr>
  <tr>
                                  <td bgcolor="#5b5b5b" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><font size="1">![image](images/bulletarrow.gif)Link[url="#"]</font></td>
  </tr>
</table>
</td>
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                      <td>![image](images/sideboxbottom.gif)</td>
                    </tr>
    </table>

spero di essermi fatto capire..
va bene anche se viene usato il php, se conoscete uno script che possa essere adattato per sto menù, qualsiasi cosa

hyperion

o anche il java, mi pare si possa fare con quello.. o no?

giorgiotave

@Hyperion said:

o anche il java, mi pare si possa fare con quello.. o no?

Fose si

Mi sembra che ne ho uno negli script del sito

hyperion

ok grazie

hyperion

niente, non riesco ad adattarlo quello sul tuo sito..
ho trovato in giro questo in dhtm, dici che si può adattare alla tabella del mio sito?
http://www.morpheusweb.it/html/scripts/dhtml/menu/menu_albero.asp

oppure ho visto anche questo..
http://www.morpheusweb.it/html/scripts/php/vari/menu_albero.asp
(questo verrebbe fuori così normalmente D:\Documents and Settings\HyperSonic2097\Desktop\menu_albero\027-esempio.htm)

grazie