Alert uscita pagina senza submit form

[i_am_antipop]

Ciao a tutti,

Ho una pagina con un form.

Dovrei mandare un alert all'utente se esce dalla pagina senza premere "submit".

Ho trovato questo script che funziona:

<script type="text/javascript">
window.onbeforeunload = function (evt) {
var messaggio = 'Uscendo tutte le modifiche non salvate verranno perse.';
if (typeof evt == 'undefined') {
evt = window.event;
}
if (evt) {
evt.returnValue = messaggio;
}
return messaggio;
}</script>

Però lancia l'alert anche se si preme SUBMIT... mentre sarebbe meglio non mostrarlo più , visto che l'utente ha deciso di invare il form.


Come posso fare?



Grazie in anticipo a chi voglia darmi anche solo una dritta.

[fcaldera]

si attiva al submit perchè stai cambiando pagina, l'evento non distingue la differenza, quindi io cambierei il pulsante di submit così

<input type="submit" ... onclick="window.onbeforeunload = function() { }" />

[i_am_antipop]

Originariamente inviato da fcaldera
si attiva al submit perchè stai cambiando pagina, l'evento non distingue la differenza, quindi io cambierei il pulsante di submit così

<input type="submit" ... onclick="window.onbeforeunload = function() { }" />

intanto grazie per risposta.


..che però non ho capito... eheh


Intendi dire che per evitare che la funzione sia eseguita anche al submit, gli si fa fare una funzione vuota chiamanto l'evento onbeforeunload?

Ho capito?

[fcaldera]

Originariamente inviato da i_am_antipop
Intendi dire che per evitare che la funzione sia eseguita anche al submit, gli si fa fare una funzione vuota chiamanto l'evento onbeforeunload?

esattamente
l'evento click avviene prima dell'evento submit
di conseguenza se al click sul submit ridefinisci la funzione window.onbefroeunload dovresti aggirare il problema.

[i_am_antipop]

Originariamente inviato da fcaldera
esattamente
l'evento click avviene prima dell'evento submit
di conseguenza se al click sul submit ridefinisci la funzione window.onbefroeunload dovresti aggirare il problema.

scusa, ho provato, ma senza successo.

Sbaglio qualcosa?

<input type="submit" name="action" value="Submit" onclick="window.onbeforeunload=function(){};" />

[fcaldera]

effettivamente su FF funziona e in explorer no
prova a scrivere così, su IE6 funziona...

    <script type="text/javascript">
    window._submitform = false;
    window.onbeforeunload = function (evt) {
        if (!window._submitform) {
          var messaggio = 'Uscendo tutte le modifiche non salvate verranno perse.';
          if (typeof evt == 'undefined') evt = window.event;
          if (evt) evt.returnValue = messaggio;
          return messaggio;
        }
    }
    </script>

    ...

    <input type="submit" name="action" value="Submit" onclick="window._submitform = true" />

[i_am_antipop]

Grazie mille!

Con I Explorer 7 e F Firefox 3 funziona alla grande!


mitico!