[GDRCD 5.4.1] Problema chiudere una specifica finestra modale

[GDRCD 5.4.1] Problema chiudere una specifica finestra modale postato il 03/07/2017 23:30:31 nel forum programmazione, gdrcd, open source, hosting

Ciao a tutti, appena iscritto e già rompo le scatole 👿

Come da titolo, sono due giorni che sbatto la testa per cercare di capire come chiudere una particolare finestra modale usando un button di una form (logica che può essere estesa anche per altri metodi).
Dopo aver fatto alcune ricerche sul web, ho composto questa funzione in javascript:

function closeModalWindow(name){
$('#dialog-'+name).dialog('close');
}

inserita dentro il footer.inc.php, in particolare dentro i tag dello script che contiene la funzione modalWindow(name, title, url, width, height, in questo punto:

Per fare un esempio, la porzione di codice che mi dovrebbe chiudere la finestra modale è l'evento che avviene su un tasto, quindi su iscrizione.php ho fatto così:

<form action = "" method="post">
<div class="form_submit">
<input type="submit" value="<?php echo gdrcd_filter('out',$MESSAGE['register']['forms']['refuse']); ?>"
onclick="javascript:closeModalWindow('scheda_iscr')"
/>
</div>
</form>

action l'ho lasciato vuoto - sperando che sia giusto il ragiornamento - in quanto non si dovrebbe propagare l'evento ad un'altra pagina e ho richiamato la mia funzione in onclick.

Il mio problema è che quando premo sul tasto che dovrebbe chiudere la modale, non succede nulla e non so più dove sbattere la testa.😭

A voi la parola, grazie in anticipo!

FragPunk ↗
Gioco d'azione frenetico ispirato al punk, con gameplay caotico, ribelle ed energia illimitata! Gioca gratuitamente!

quota

Pagine → 1 2 3

leoblacksoul

SCRIVI

05/07/2017 22:15:43

Hai provato a vedere cosa ne pensa la Console del tuo browser? xD
Il primo passo di debug di javascript è sempre quello. Se sei su chrome premi F12 e vedi se ci sono errori nella console.

Consigli:
lasciare l'action vuota in un form non fa in modo che il form non venga inviato! Di default un browser assume che il form debba venire inviato alla pagina attualmente visualizzata se l'action è vuota (cioè ti ricarica la pagina).
Il modo più corretto per impedire che il form venga inviato per davvero è inserire un "return false;" oppure un "ev.preventDefault()" nell'evento submit del form!

MA. MA.
Chiediamoci se un form è realmente necessario. Puoi benissimo implementare la tua azione usando semplicemente un tag <button> senza dover scomodare il form e l'input. Inserendo la chiamata nell'evento click del button.

<button onClick="closeModalWindow('scheda_iscr'); return false;">CLICCAMI</button>

---
Non chiedetemi aiuto in privato per questioni di programmazione; chiedete sul forum e eventualmente vi risponderò lì.
http://gdrportal.eu ↗ - Hosting per GDR

quota

bennu99

SCRIVI

06/07/2017 19:20:59 e modificato da bennu99 il 06/07/2017 19:24:01

Grazie per la risposta leo !;-)

Ho seguito il tuo consiglio, quello di mettere un bottone e delegarlo alla chiusura della finestra modale, ovviamente non succede nulla se ci si clicca sopra. Su Chrome, sono andato nella console e ho trovato diversi errori:

ma, mi sembra, che non ci sia nulla che si riferisca alla funzione di chiusura della finestra modale.

Riguardo gli errori, non so se sono dovuti al fatto che sto smanettando con il codice in locale tramite Eclipse e EasyPhp.
Può essere quello il problema? Anche perché non è che abbia apportato chissà quali modifiche o messo mano nei js indicati dalla console.😶

Football Team Soccer ↗
Diventa una stella del calcio! Crea, allena ed equipaggia il tuo giocatore. Unisciti a un club e vinci in Football Team Game!

quota

leoblacksoul

SCRIVI

06/07/2017 23:32:40

No quelli sono errori che ci sono di default in GDRCD e non sono mai stati corretti.

Se non ci sono errori nella console ma comunque il bottone non fa niente allora c'è qualcosa che non quadra.
Sei sicuro che la funzione $ si riferisca a jQuery e non al vecchio selettore fuffa di gdrcd?

---
Non chiedetemi aiuto in privato per questioni di programmazione; chiedete sul forum e eventualmente vi risponderò lì.
http://gdrportal.eu ↗ - Hosting per GDR

quota

bennu99

SCRIVI

07/07/2017 20:08:38

Scusa leo, la funzione $ è uguale a quella per aprire la finestra modale.😶

Come faccio a verificare che non si tratti del vecchio selettore fuffa?

Lineage II ↗
Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

quota

leoblacksoul

SCRIVI

08/07/2017 17:15:14

bennu99 ha scritto: Scusa leo, la funzione $ è uguale a quella per aprire la finestra modale.😶

E anche tu c'hai ragione xD se ha funzionato per aprire la modale sarà quella giusta xD

---
Non chiedetemi aiuto in privato per questioni di programmazione; chiedete sul forum e eventualmente vi risponderò lì.
http://gdrportal.eu ↗ - Hosting per GDR

quota

bennu99

SCRIVI

08/07/2017 20:59:50

E anche tu c'hai ragione xD se ha funzionato per aprire la modale sarà quella giusta xD

Quindi non capisco perché per l'apertura funziona e per la chiusura no😏 cioè, non so più dove sbattere la testa 😭

CRSED: F.O.A.D. ↗
Brutale sparatutto MMO in cui vince l'ultimo giocatore che resta in vita nell'arena! Ogni giocatore sarà accompagnato da armi realistiche e magie!

quota

raysmoke

SCRIVI

08/07/2017 23:54:47

ma perché invece di impazzire non aggiungi un semplicissimo .hide();

$('#id_bottone_submit').click(function() {
$('#id_modal').hide();
});

Dark Genesis ↗
Ascendi al cielo in Dark Genesis! Raduna potenti semidei, costruisci il tuo impero volante e scontrati in battaglie divine!

quota

bennu99

SCRIVI

09/07/2017 12:40:42

raysmoke ha scritto: ma perché invece di impazzire non aggiungi un semplicissimo .hide();

$('#id_bottone_submit').click(function() {
$('#id_modal').hide();
});

Dove dovrei inserirlo?