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

    navigazione all'interno della stessa pagina

    guardate questa pagina:

    http://www.macromedia.com/software/studio/

    a metà della pagina cè un menu a linguette (Overview, Studio products, Evaluating Studio 8) che permette di navigare all'interno della stessa pagina .Avevo visto una cosa del genere nel sito di Alice.
    Qualcuno sa dove poter trovare il codice per poter creare questo effetto?
    grazie

  2. #2
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Puoi fare cosi

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    </head>
    <body>
    <table summary="">
    <tr>
    <td>Parte 1</td>
    <td>Parte 2</td>
    <td>Parte 3</td>
    </tr>
    </table>
    
    <a name="parte1">Parte 1</a>
    Questa è la parte 1
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <a name="parte2">Parte 2</a>
    Questa è la parte 2
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <a name="parte3">Parte 3</a>
    Questa è la parte 3
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </body>
    </html>

  3. #3
    intendevo questo effetto a metà pagina: se guardi bene non si tratta di pagine differenti, l'URL è sempre lo stesso

  4. #4
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Strano xche ieri mi faceva come nel mio esempio.


    Comunque....

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    <style type="text/css">
    <!--
    .show {display:block}
    .hide {display:none}
    
    -->
    </style>
    <script language="JavaScript" type="text/javascript">
    <!--
    function show(aDivName) {
     aName = "d"+aDivName;
     document.getElementById(aName).className = "show";
    }
    function hide(aDivName) {
     aName = "d"+aDivName;
     document.getElementById(aName).className = "hide";
    }
    //-->
    </script>
    
    
    </head>
    <body>
    <table summary="">
    <tr>
    <td>Parte 1</td>
    <td>Parte 2</td>
    <td>Parte 3</td>
    </tr>
    </table>
    
    <div id="dparte1" class="show">
    <a name="parte1" >Parte 1</a>
    Questa è la parte 1
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </div>
    <div id="dparte2" class="hide">
    <a name="parte2">Parte 2</a>
    Questa è la parte 2
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </div>
    <div id="dparte3" class="hide">
    <a name="parte3">Parte 3</a>
    Questa è la parte 3
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </div>
    </body>
    </html>

  5. #5

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.