Condividi:        

[Javascript/Jquery] visualizzazione di un modal da funzione

Problemi di HTML? Di PHP, ASP, .NET, JSP, Perl, SQL, JavaScript, Visual Basic..?
Vuoi realizzare programmi in C, C++, Java, Ruby o Smalltalk, e non sai da che parte cominciare?
Entra qui e troverai le risposte!

Moderatori: Anthony47, Triumph Of Steel, archimede

[Javascript/Jquery] visualizzazione di un modal da funzione

Postdi iucaa » 14/02/17 11:26

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>&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>
iucaa
Utente Senior
 
Post: 490
Iscritto il: 23/10/03 12:03
Località: Roma

Sponsor
 

Postdi archimede » 15/02/17 01:36

archimede
Moderatore
 
Post: 2851
Iscritto il: 07/11/02 12:41
Località: Genova

Postdi iucaa » 15/02/17 09:13

Ciao Alessandro
Grazie per il suggerimento, lo terrò a mente per i prossimi sviluppi, ma al momento non posso cambiare tutto il codice (non è il mio) :(, buona giornata.
iucaa
Utente Senior
 
Post: 490
Iscritto il: 23/10/03 12:03
Località: Roma

Postdi archimede » 15/02/17 19:59

Senza un esempio completo che riproduca il problema è impossibile aiutarti: fai un fiddle con il tuo codice.

Alessandro
archimede
Moderatore
 
Post: 2851
Iscritto il: 07/11/02 12:41
Località: Genova


Torna a Programmazione


Topic correlati a "[Javascript/Jquery] visualizzazione di un modal da funzione":


Chi c’è in linea

Visitano il forum: Nessuno e 3 ospiti