+ Rispondi al Thread
Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Mostrare un modal da uno script javascript/jquery

  1. #1
    iucaa non è in linea Novello
    Post
    8

    Mostrare un modal da uno script javascript/jquery

    Buongiorno a tutti
    Avrei un form dal quale, mediante una funzione javascript / jquery, dovrei visualizzare un modal, e non riesco a venirne a capo perchè non conosco molto bene jquery, in particolare:


    Questo è il codice della pagina html

    FUNZIONE RICHIAMATA MEDIANTE TASTO SUBMIT

    <script type="text/javascript" >

    function validati(Form){

    if (errore>0) { // Se errore mostra il modal


    NON FUNZIONA (Codice preso dall'interno del file reveal.js)

    $('a['modal-form-errori']').live('click', function(e) {
    e.preventDefault();
    var modalLocation = $(this).attr('data-reveal-id');
    $('#'+modalLocation).reveal($(this).data());
    });*/

    NON FUNZIONA (Tentativo di scriverlo in Jquery)

    $('#modal-form-errori').click();



    } /* ---------------------- fine funzione validati ----------------------*/




    }
    </script>



    <!--- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <title></title>

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/layout.css"> -->

    Il codice seguente visualizza correttamente il modal

    <a href="" data-reveal-id="modal-form-errori">
    <div class="portfolio-item-meta">
    <h5><a href="">Errore</a></h5>
    </div>


    </head>

    <body >

    ................. codice rimosso ..........................


    <!-- Modal Popup Errori Form
    ================================================== ========= -->

    <!-- modal-01 -->
    <div id="modal-form-errori" class="reveal-modal">
    <div class="description-box">
    <h4>ERRORE</h4>
    <p>Si sono verificati degli errori</p>
    <iframe src="" frameborder="2" allowfullscreen align="middle" ></iframe>
    </div>
    <div class="link-box" display="inline:block">
    <a href="" target="_blank">Dettagli-Details</a>&nbsp;|&nbsp;
    <div align="left"> <a class="close-reveal-modal">Chiudi-Close</a></div>
    </div>
    </div>
    <!-- modal-01 End -->





    <!-- LIBRERIE Java Script ================================================== -->
    <script src="js/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
    <script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/scrollspy.js"></script>
    <script src="js/jquery.flexslider.js"></script>
    <script src="js/jquery.reveal.js"></script>
    <script src="js/init.js"></script>
    <script src="js/smoothscrolling.js"></script>

  2. #2
    L'avatar di AntonioG
    AntonioG non è in linea Moderatore Globale Ultimo blog: Commodore 64 e Codemotion
    Luogo
    Roma
    Post
    16,158
    Blogs
    5
    Sposto nella sezione javascript
    Avvisi generali e importanti, a pena CHIUSURA thread e/o BAN
    Il crossposting è vietato.
    Le richieste di "pappa pronta" sono vietate.
    Utilizzate i tag CODE per il codice.
    Leggere il Regolamento per chiarimenti PRIMA di creare nuovi thread.
    Utilizzare sempre i PM per comunicare con i moderatori.
    Non mi contattate in PM per problemi di software, usate il forum

  3. #3
    iucaa non è in linea Novello
    Post
    8
    Grazie scusa sono un nerd ciao

+ Rispondi al Thread

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi