Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 16
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828

    finestra modal, show/hide una dentro l'altra

    Sul un Wordpress basato su angular.js ho delle semplici modal che si aprono con un button/link
    <a href="#" data-toggle="modal" data-target="#myModal"></a>

    Vorrei che myModal abbia alll'interno un button che mostri un ulteriore div nascosto, e lo apra come un "dropdown". Non trovo esempi, oppure solo modal che si sovrappongono una sull'altra.

    Qual'è il trucchetto? Grazie per l'attenzione.

  2. #2
    Quote Originariamente inviata da stardom Visualizza il messaggio
    Sul un Wordpress basato su angular.js ho delle semplici modal che si aprono con un button/link
    <a href="#" data-toggle="modal" data-target="#myModal"></a>

    Vorrei che myModal abbia alll'interno un button che mostri un ulteriore div nascosto, e lo apra come un "dropdown". Non trovo esempi, oppure solo modal che si sovrappongono una sull'altra.

    Qual'è il trucchetto? Grazie per l'attenzione.
    Più che basato su angular.js, credo che il tema di WordPress sia basato su bootstrap.
    Cosa intendi per "dropdown"? Un div all'interno della modale che compare e scompare alla pressione di un pulsante?

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    si, vero, è su Bootstrap... mi sono confuso con angular che gestisce alcune cose del tema.
    Per dropdown intendo proprio quello che dici. L'effetto che puoi vedere in questa pagina, cliccando su "sono il titolare" sidebar a sinistra. Ovviamente è fatto male, per ora apre una modal sopra l'altra.

  4. #4
    Quote Originariamente inviata da stardom Visualizza il messaggio
    si, vero, è su Bootstrap... mi sono confuso con angular che gestisce alcune cose del tema.
    Per dropdown intendo proprio quello che dici. L'effetto che puoi vedere in questa pagina, cliccando su "sono il titolare" sidebar a sinistra. Ovviamente è fatto male, per ora apre una modal sopra l'altra.
    codice HTML:
    <div class="modal-body">
      <h4>
       <a href="javascript:void(0)" onClick="$('#login_form_box').slideToggle()"><img src="http://agendadelvolo.info/images/aiga/aiga_right_arrow1.svg" alt="" width="20px"></a>
       accedere/registrarsi per fornirci maggiori dettagli in proposito
      </h4>
      
      <div id="login_form_box" style="display:none" class="usa i CSS per il display none">
       <!--Qui ci metti il modulo-->
      </div>
    </div>
    Ma non sarebbe meglio visualizzare direttamente il modulo?

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    Ti ringrazio veramente per l'aiuto. Non visualizzo direttamente il modulo perchè quando l'utente è loggato quello non compare.
    Ci ho messo la classe .hidden { display: none !important; visibility: hidden !important;}, ma non funziona. Ha bisogno di una funzione o qualcosa?
    Ultima modifica di stardom; 09-02-2016 a 21:29

  6. #6
    JavaScript non può nulla contro un !important
    Mettici un display:none normale e lascia la visibility a visible

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    Non reagisce. Ho il tema troppo pieno di classi e controclassi e potrebbe esserci un conflitto. Non è possibile fare tutto inline?

  8. #8
    Sì, puoi metterlo inline
    Se hai il w3 total cache, cancella la cache

  9. #9
    Utente di HTML.it
    Registrato dal
    Oct 2007
    residenza
    Trieste
    Messaggi
    828
    cache pulita

  10. #10
    Quote Originariamente inviata da stardom Visualizza il messaggio
    cache pulita
    Ancora niente?
    La console JavaScript segnala errori?

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.