Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    225

    Fuzione mostra/nascondi

    Salve a tutti

    non sono un esperto di jscript, ma a per un progetto personale in php, a volte uso di js per le finezze.
    Ho trovato un script che mostra e nasconde i div , tutto funziona regolarmente, ovvero che cliccando il div sparisce e ri appare.
    Il problema è che vorrei che i DIV fossero nascosti all'avvio della pagina per nono stare a chiudere tutto uno x uno.

    codice:
    JSCRIPT
    function mostraNascondiClasse(nomeElem,nomeClass){
    
     if(document.getElementById){
      var tagDiv = document.getElementsByTagName(nomeElem);
      for (var i = 0; i < tagDiv.length ; i++){
       var elCorr=tagDiv[i].id;
    
       var nomeClasse=tagDiv[i].className;
    
       if(nomeClasse==nomeClass){
       tagDiv[i].style.display = (tagDiv[i].style.display=="") ? "none" : "";
       }
      }
    
     }
    
    }
    
    
    HTML
    <input type="button" value="Codice" onclick="java-script:mostraNascondiClasse('div','menu_cod')">
    So che per molti di voi è una cavolata ,ma io con vari tentativi non sono riuscito ad impostare i DIV nascosti di default.

    Grazie
    SAT

  2. #2

    Re: Fuzione mostra/nascondi

    ....
    Il problema è che vorrei che i DIV fossero nascosti all'avvio della pagina per nono stare a chiudere tutto uno x uno.

    .......

    So che per molti di voi è una cavolata ,ma io con vari tentativi non sono riuscito ad impostare i DIV nascosti di default.

    Grazie
    SAT
    il div lo nascondi in questo modo:
    codice:
    <div style="VISIBILITY:hidden;">
    ......
    </div>
    poi con le tue funzioni lo rendi visibile

  3. #3

    Re: Re: Fuzione mostra/nascondi

    In realta' la proprieta' che lui cambia attraverso il JS e' la dispIay, quindi dovrebbe essere

    codice:
    <div style="display: none;">
    ......
    </div>
    anche perche' la visibility rende si' invisibile il div, ma lascia l'elemento nella sua posizione all'interno della struttura (e quindi occupa spazio -vuoto- nella pagina)

    Ciao!

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    225
    non funziona in nessuno dei due casi .....

    ovvero ...nel caso di El Pedro viene nascosto ,occupando spazio, e non viene però mostrato una volta cliccato.


    Come posso fare ?

    Saluti
    SAT

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    225
    non funziona in nessuno dei due casi .....

    ovvero ...nel caso di El Pedro viene nascosto ,occupando spazio, e non viene però mostrato una volta cliccato.


    Come posso fare ?

    Saluti
    SAT

  6. #6
    Mhhh hai mantenuto l'attributo "id" nei div?
    Dovrebbero essere del tipo

    <div id="qualcosa" style="display: none;">

  7. #7
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    225
    ok ora funziona....

    avevo messo

    <div style="display: none;" class="menu_desc" id="menu" >

    invece di

    <div class="menu_desc" id="menu" style="display: none;">


    errore da niubbo???

    :quote:

    GRAZIE
    SAT

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 © 2026 vBulletin Solutions, Inc. All rights reserved.