Visualizzazione dei risultati da 1 a 4 su 4

Discussione: menu a comparsa

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    135

    menu a comparsa

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="it">
    <head>
      <title>Contenuti a scomparsa - Esempio JavaScript scaricato da
    HTML.it</title>
      <meta http-equiv="Content-type"
     content="text/html; charset=iso-8859-1" />
      <meta http-equiv="Content-Language" content="it" />
      <meta name="Robots" content="All" />
      <meta name="Description"
     content="HTML.it - il sito italiano sul Web publishing" />
      <meta name="Keywords"
     content="Uno script semplice nell'implementazione ma estremamente potente e versatile. Pu&ograve; essere utilizzato proficuamente in numerosissimi casi. Un utilizzo classico potrebbe essere nell'ambito di una colonna laterale di un layout, per mostrare e nascondere con un click lunghe liste di link o menu che altrimenti occuperebbero uno spazio poco gestibile." />
      <meta name="Owner" content="HTML.it srl" />
      <meta name="Author" content="HTML.it srl" />
      <meta name="Copyright" content="HTML.it srl" />
      <style type="text/css">
    body{font: 76% Verdana, Arial, sans-serif}
    a{color: #00f}
    div#commenti{display:none}
    div#commenti p{width: 200px;padding: 10px 0;
        border:1px solid #68B0D8;background-color: #C8ECFF}
      </style>
      <script type="text/javascript">
    function ShowAndHide(id1,id2){
    if(document.getElementById){
        el1=document.getElementById(id1);
        el2=document.getElementById(id2);
        if(el1.style.display=="none"){
            el1.style.display="block";
            el2.style.display="none";
            }
        else{
            el1.style.display="none";
            el2.style.display="block";
            }
        }
    }
      </script>
    </head>
    <body>
    
    
    
    
    <div align="center">
    <h2>Menu a comparsa... intelligente</h2>
    <div id="mostra">
    
    
    <a href="#"
     onclick="ShowAndHide('mostra','commenti');return(false)">Mostra
    commenti</a> </p>
    </div>
    <div id="commenti"> <a href="#"
     onclick="ShowAndHide('mostra','commenti');return(false)">Nascondi
    commenti</a>
    
    
    Con javascript &egrave; molto semplice mostrare e
    nascondere un elemento di pagina.</p>
    </div>
    </div>
    
    
    
    
    
    
    
    
    
    
    
    
    <div align="center">[img]logo_htmlit.gif[/img]
    </div>
    </body>
    </html>
    ciao a tutti ho questo script che ho scaricato da questo sito. io vorrei che il contenuto parterebbe aperto e non chiuso. come devo fare? grz

  2. #2
    togli

    div#commenti{display:none}
    I DON'T Double Click!

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    135
    nn va funziona malissimo in questa maniera.. mi sapete dire come posso fare?

  4. #4
    scusa, avevo letto male il codice:

    quello che ti ho detto di cancellare, sostituiscilo con:

    div#mostra{display:none}
    I DON'T Double Click!

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.