Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 16
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2016
    Messaggi
    25

    apertura finestra modale

    Salve a tutti,

    ho creato una finestra modale che mi serve perchè l'utente faccia una scelta prima di procedere.
    E' una finestra molto banale con 2 opzioni di scelta (si/no).
    Quello che non riesco a fare è di far uscire questa finestra all'apertura della pagina; riesco solo a richiamarla con un pulsante o con un link.
    Sono alle prime armi in JS e quindi portate pazienza se ho detto una banalità.

    Grazie

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,131
    Posta il codice o meglio ancora il link alla pagina pubblica
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2016
    Messaggi
    25
    Questo è il codice html della finestra modale
    <div id="openModal" class="modalDialog">
    <div>
    <a href="#close" title="Close" class="close">X</a>
    <center>
    <h2>
    私は、20歳以上です。
    </h2>
    </center>


    <p>
    #
    </p>


    <p>
    #
    </p>


    <p>
    #
    </p>


    <form>
    <center>
    <input type="button" value="はい" style="width: 150px; font-size: 20px; font-family: Meiryo; font-weight:bold" onclick="" /> # #
    # <input type="button" value="いいえ" style="width: 150px; font-size: 20px; font-family: Meiryo; font-weight:bold" onclick="" />
    </center>
    </form>
    </div>
    </div>

    non serve che vi inserisca anche il codice css immagino
    Vorrei fare in modo che questa finestra si aprisse all'apertura di una pagina senza dover agire su un tasto o su un link

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,131
    E il Javascript dov'è?
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2016
    Messaggi
    25
    E' proprio quello di cui ho bisogno
    Se uso HTML come in questo esempio
    <a href="#openModal">Open Modal</a>
    riesco benissimo ad aprire la finestra ma sono obbligato a cliccare su un link o su un tasto.
    A me serve sapere che codice JS devo usare per fare in modo che la finestra si apra da sola all'apertura di una certa pagina del sito

  6. #6
    codice:
    window.onload=function(){
        document.getElementById('#openModal').click();
    }
    Il codice proposto attende il caricamento della pagina (window.onload) e scatena l'evento "click" sull'elemento con id "openModal".


  7. #7
    Utente di HTML.it
    Registrato dal
    Jul 2016
    Messaggi
    25
    Ti ringrazio ma non funziona.
    Ho provato di tutto, ho inserito il codice all'inizio del widget (uso Jimdo), poi ho provato ad inserirlo nella head della pagina ma non c'è niente da fare, non esce la finestra modale. Riesco a farla uscire solo tramite un link od un bottone

  8. #8
    Scusami, errore mio.
    Dovresti aggiungere un id al link e richiamare lo stesso id in document.getElementById

  9. #9
    Utente di HTML.it
    Registrato dal
    Jul 2016
    Messaggi
    25
    Scusa ma non ho capito
    Questo è il codice del widget
    <script type="text/javascript">
    //<![CDATA[
    window.onload=function(){
    document.getElementById('#openModal').click();
    }
    //]]>
    </script>
    <div id="openModal" class="modalDialog">
    ...
    ...
    </div>
    Cosa e dove dovrei inserire esattamente?

  10. #10
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,131
    Il codice sottostante va tra i tag <head>....</head>
    codice:
    window.onload=function(){
        document.getElementById('apriModal').click();
    }
    Nel link che apre la modale devi aggiungere id
    codice:
    <a href="#openModal" id="apriModal">Open Modal</a>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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