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 non necessario 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> |
<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>
Registrazione
, buona giornata.