Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di d4ve
    Registrato dal
    May 2006
    Messaggi
    50

    Javascript e div a scomparsa

    Ciao a tutti,

    ho trovato in rete poche righe di codice Javascript che permettono di far comparire e scomparire un div a seconda del link premuto.

    Se io volessi che l'apparizione/sparizione del div siano gestite solamente da un link, e non da 2?

    Vi posto lo script e l'html corrispondente, che forse son meglio di mille parole:

    Codice PHP:
    <script language="JavaScript">
    <!--
    function 
    mostra(){
    document.getElementById('testo').style.display='';
    }
    function 
    nascondi(){
    document.getElementById('testo').style.display='none';}
    //-->
    </script>
    </head>

    <body>


    [url="javascript:mostra();"]Leggi[/url]
    [url="javascript:nascondi();"]Nascondi[/url]</script>


    <div id="testo" style="display: none; border: 1px solid;">;Testo interno al div.
    </div>
    </body> 

    Nello script si utilizzano "Mostra" e "Nascondi" relativamente per mostrare e nascondere il div.

    Io vorrei che si utilizzasse soltanto il "Mostra", che al primo click fa comparire il div e al secondo lo fa sparire.

    Spero di essermi spiegato bene, credo sia più facile a farsi che a dirsi.


    Grazie.
    nel tempo libero, respiro...

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    function mostra(){
    var el=document.getElementById('testo');
    el.style.display=(el.style.display=='none')?'block ':'none';
    }

    funzionera' come previsto finche' il div avra' lo stile in linea, style="display: none;"
    ciao

  3. #3
    Utente di HTML.it L'avatar di d4ve
    Registrato dal
    May 2006
    Messaggi
    50
    Perfetto! Hai centrato in pieno ciò che mi serviva.

    Immagino poi, che se volessi avere più testi nascosti che si attivino solo con la loro relativa voce, basta che assegno un diverso id alla function e all'elemento?

    Ora provo.

    Grazie mille!

    nel tempo libero, respiro...

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.