Visualizzazione risultati 1 fino 4 di 4

Discussione: funzione al click per far vedere un div

  1. #1
    Guest

    Red face funzione al click per far vedere un div

    salveee <3 sono nuova e non molto esperta in realtà Y_Y sto provando a montare una cosa chiamata gdr cd e oltre ad incasinarmi la vita vorrei anche semplificarmela ahahah

    ok la mia domanda è questa:
    - come creo una funzione standard per rimuovere una classe che nasconde i div?
    (vi spiego)
    spesso mi capita di dover non far vedere div normalmente fino al click di alcuni bottoni. Quindi vorrei crearmi una funzione generica che al click su un elemento mi rimuova una classe settata nel css con display none.

    fino ad ora sonon arrivata qui:
    Codice PHP:
    <script type="text/javascript">
    $(
    "#Rimuovibutton").click(function(){
    $(
    "#site_width" ).removeClass("hiddenpass");
    });

    </script>
    Codice HTML:
    <input id="Rimuovibutton" type="button" value="Prova" />
    <div id=""><div id="site_width " class="hiddenpass">Roba dentro bla bla bla</div></div>
    che mi dite ho fatto un casino? perchè non mi funziona...

  2. #2
    biadesivo non è connesso Neofita
    Data registrazione
    09-11-2010
    Messaggi
    4

    Predefinito

    Prova ad eliminare lo spazio dopo site_width.

  3. #3
    Guest

    Predefinito

    ho provato ma quanto pare è un problema di dichiarazione della function di jquery sto cercando in internet la dichiarazione corretta T_T

  4. #4
    darbula non è connesso AlterGuru 2500
    Data registrazione
    24-04-2011
    Messaggi
    2,896

    Predefinito

    Ciao è benvenuta, la funzione removeClass elimina solo la classe non gli elementi.. Se invece vuoi solo nasconderlo (display: none o visibility: hidden per un div con id site_width) il primo non influisce sul layout mentre il secondo si.. Per questo motivo non uso .toogle di jquery.
    Supponendo che hai anche la dichiarazione jquery nell'elemento script..
    Lezione selettori CSS.. "#id" ".class"
    Codice:
    if ( display === true ) {
      $( "#Rimuovibutton" ).click(function() {
      $( "#site_width.hiddenpass").show();
    });
    } else if ( display === false ) {
      $( "#Rimuovibutton" ).click(function() {
      $( "#site_width.hiddenpass").hide();
    });
    }
    Potresti anche scegliere che il DIV (non può esistere due o piu id con lo stesso nome) che ha la classe hiddenpass di default sia nascosto.. Cioè prima di ricorrere a JavaScript usi il CSS e successivamente JavaScript.
    Codice:
    #site_width.hiddenpass {
    display: none;
    }
    Esempio per nascondere qualsiasi elemento che possiede una classe hiddenpass
    $( ".hiddenpass").hide();
    Ultima modifica di darbula : 31-07-2017 alle ore 20.33.05

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •