Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Menu DHTML stile windows (ovvero orizzontale e sottomenu a cascata)

    Salve,

    sapete consigliare una guida o qualche cosa che spieghi come realizzare un menu come da titolo? stavo leggendo la guida qui in html.it però non è che mi convinca molto, piu che altro poi perchè non funziona l'esempio che mette


    la domanda che mi pongo è: per far visualizzare il sottomenu, non c'è problema...ma per farlo sparire come si fa? dovrei mettere il javascript al mouseover, ma di chi?

    cmq se avete link da suggerire ve ne sarei grato, cmq ora mi ci smazzo sopra
    IP-PBX management: http://www.easypbx.it

    Old account: 2126 messages
    Oldest account: 3559 messages

  2. #2
    Che ne dite di questo che ho fatto?

    JAVASCRIPT:
    codice:
    var quanti = 3; // Imposta il numero di menu e di sottomenu
    var i;
    var timerID;
    
    function apri(conta)
    {
     clearInterval(timerID);
    
        var mostra = document.getElementById("sottomenu"+conta);
    	var aperto;
    
        mostra.style.visibility = "visible"; // Visualizza i sottomenu
    
    	 for (i=0; i<quanti; i++)
    	 {
    		 if (i != conta)
    		 {
    		   aperto=document.getElementById("sottomenu"+i);
    		   aperto.style.visibility = "hidden";
    		 }
    	 }
    }
    
    function chiudiTimer()
    {
    timerID=setInterval('chiudi()',200);
    }
    
    
    function chiudi()
    {
    clearInterval(timerID);
    for (i=0; i<quanti; i++)
      {
         document.getElementById("sottomenu"+i).style.visibility = "hidden";
      }
    }


    html:
    codice:
    <div style="margin-top:30px; position:relative;" >
    
    
    	MENU #1 | 
    	MENU #2 | 
    	MENU #3
    	
    	
    	
    	<div onmouseover="clearInterval(timerID);" onmouseout="chiudiTimer();" id="sottomenu0" style="position:absolute; visibility:hidden; width:120px; background-color:#666666; color:#FFFFFF; left: 0px; top: 20px; ">
    		<ul>
    			[*]sotto1
    			[*]sotto2
    			[*]sotto3
    		[/list]
      </div>
    	 
    	 <div onmouseover="clearInterval(timerID);" onmouseout="chiudiTimer();" id="sottomenu1" style="position:absolute; visibility:hidden; width:120px; background-color:#666666; color:#FFFFFF; left: 72px; top: 20px;">
    		<ul>
    			[*]sotto1
    			[*]sotto2
    			[*]sotto3
    		[/list]
     	 </div>
    	 
    	 <div onmouseover="clearInterval(timerID);" onmouseout="chiudiTimer();" id="sottomenu2" style="position:absolute; visibility:hidden; width:120px; background-color:#666666; color:#FFFFFF; left: 149px; top: 20px;">
    		<ul>
    			[*]sotto1
    			[*]sotto2
    			[*]sotto3
    		[/list]
      </div>
    	
    </div>

    potrebbe andare come cosa o ci sono metodi migliori per farli?
    IP-PBX management: http://www.easypbx.it

    Old account: 2126 messages
    Oldest account: 3559 messages

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.