Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2011
    Messaggi
    6

    Aiuto con piccolo script per Div a scomparsa

    Salve a tutti
    ho trovato questo vecchio post nell'archivio dove un'utente chiedeva a proposito di questo nascondi e visualizza dei DIV
    Ecco il codice:

    <script_language="JavaScript">
    <!--
    function_mostra(){
    document.getElementById('testo').style.display='';
    }
    function_nascondi(){
    document.getElementById('testo').style.display='no ne';}
    //-->
    </script>

    Leggi
    Nascondi</script>


    <div_id="testo"_style="display:_none;_border:_1px_ solid;">;Testo_interno_al_div.


    Chiedeva a proposito di usare un'unico tasto per il mostra nascondi...
    e lo sistemavano mettendo solo la function mostra(e cancellato la function nascondi immagino):

    function mostra(){
    var el=document.getElementById('testo');
    el.style.display=(el.style.display=='none')?'block ':'none';
    }



    E' proprio ciò che mi serve a me, stò creando un semplicissimo menu con sotto un div che compare e scompare premendo sopra la voce del menu...

    I probleami però sono tre:
    uno mi occorre che il div inizi ad apertura pagina nascosta...(ovviamente il menu deve essere chiuso..)

    Due il browser mi da questo messaggio di errore quando clikko: Impossibile aprire questo indirizzo: il protocollo (java-script) non è associato ad alcun programma.

    Tre , lo devo associare a 3 diverse voci menu che fanno riferimento a div diversi...

    Se potete aiutarmi...
    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2011
    Messaggi
    6
    Ho trovato questo che va benissimo in un post recente, l'unico problema è che dovrebbe iniziare chiuso e poi aprirsi quando ci clikko


    <script language="javascript" type="text/javascript">
    function showhide(id){
    if (document.getElementById){
    obj = document.getElementById(id);
    if (obj.style.display == "none"){
    obj.style.display = "";
    } else {
    obj.style.display = "none";
    }
    }
    }
    </script>



    comando da link:

    codice:

    <div style="border:2px solid #000080; padding:5px; display: none; position: absolute; left: 100px; top: 70px; background:#FFFFFF;; z-index:1" id="pippo">TESTO TESTO TESTO


    chiudi</p>
    </div>


    apri il div</p>

    <div style="border:2px solid #000080; padding:5px; display: none; position: absolute; left: 100px; top: 70px; background:#FFFFFF;; z-index:1" id="pluto">TESTO TESTO TESTO


    chiudi</p>
    </div>


    apri il div</p>

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.