Tester si formulaire validé

Version imprimable

17/12/2008, 16h24
pierre50

Tester si formulaire validé
On clique sur un lien d'une page intro.htm

On arrive sur une page ecrire.php dans laquelle il y a
- Une zone info-1 avec des une cinquantaine de liens (calendrier plus autres liens disséminés dans la page)
- Un formulaire
Deux possibilité alors
1. Je saisis et valide le formulaire - pas de probleme ici
2. Je commence la saisie... puis étourdi clique sur un lien en dehors du formulaire, en ayant oublié de valider(enregistrer) mon formulaire
Pour les étourdis ayant oublié d'enregistrer, comment et ou déclencher un script d'alert "Voulez vous enregistrer ?"

A priori sur chaque lien, un bout de javascript Alert... mais j'ai une cinquantaine de liens... Y a-t-il plus simple ?

Merci à tous
17/12/2008, 16h31
comode

Tout ce que peux faire PHP pour toi, c'est automatiser la création des morceaux de JS, car seul JS peut faire ce test. Donc ça va dépendre de la façon dont est générée ta page, mais là, on a pas assez d'info pour t'aider.
17/12/2008, 16h40
thecanea

Salut,

Si j'ai bien compris ton problème, je ferais :

tu parcours tout les éléments "href" du dom... tu leur associe dynamiquement une action du type "onclick" qui t'ouvre par exemple une fenetre de confirmation du type "Etes vous sur de quitter sans enregistrer ?". (par contre, c'est plus du php mais du javascript...)

Ce traitement dynamique des liens, t'évitera de parcourir tes 50 liens.. Puis ce sera plus facile d'assurer la maintenance et l'évolution de ton appli...

Espérant t'aider...
;)

Thec
17/12/2008, 17h45
pierre50

Oui c'est tout à fait cela...

Rq tous les liens rechargeant la page ecrire.ph (formulaire + autres infos)
j'aurais pu faire un test en debut de code du genre

Code:

if(!isset(submit) > javascript Alert mais de toute façon je n'ai rien posté et il est trop tard pour recupérer...

Peux-tu m'en dire plus sur
tu parcours tout les éléments "href" du dom...
Je ne vois pas ce dont il s'agit...

Salut,

Un peu de code pour m'expliquer, Tu crées une fonction javascript installerGestionnaireDeLiens() que tu appelleras à la fin du chargement de ta page... (en javascript)
Code:

1 2 3 4 5 6 7 8 9 10 // je vais chercher toutes les balises a (<a href=…) // dans le document function installerGestionnaireDeLiens() { var liens=document.getElementsByTagName("a"); for (var i=0; i<liens.length; ++i) { liens[i].onclick="return confirm('Etes-vous certain de vouloir quitter sans sauvegarder ?');"; } }
N'oublies cependant pas que ce n'est possible que si javascript est activé sur l'ordinateur de l'utilisateur. Il est pas mal d'insérer une balise :

Code:

<noscript>Mon message</noscript>

Cela te permettra de prévenir l'utilisateur qu'il a la possibilité (même le risque) de quitter la page sans sauver...

En espérant avoir été clair.. ;)

Cordialement,

PS : DOM pour Document Object Model, représente les éléments mêmes de ta page... Plus d'infos ici : http://www.w3.org/DOM/

Thec:roll:

Merci pour l'explication. Cela donne cela

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<p><a href="A.htm">A</a></p>
<p><a href="B.htm">B</a></p>
<script type="text/javascript">
function installerGestionnaireDeLiens()
{
var liens=document.getElementsByTagName("a");
for (var i=0; i<liens.length; ++i)
{
liens[i].onclick="return confirm('Etes-vous certain de vouloir quitter sans sauvegarder ?');";
}
}
</script>

mais comment je code l'appel de la fonction ?

Alors, je viens de tester, je ne sais pas si ce que je t'ai donné précédemment marchait vraiment :roll:

Mais là c'est testé (FF 3, Google Chrome, IE 8 Beta, par contre pas faut vérifier pour IE inférieur, je ne suis pas sur... :? )
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>Liens et javascript</title> <script type="text/javascript"> function installerGestionnaireDeLiens() { var liens=document.getElementsByTagName("a"); for (var i=0; i < liens.length ; ++i) { //alert(liens[i].firstChild.nodeValue); liens[i].setAttribute('onclick', 'return confirm("Etes-vous certain de vouloir quitter sans sauvegarder ?");'); } } </script> </head> <body> <p><a href="A.htm">Mon premier lien</a></p> <p><a href="B.htm">Mon second lien</a></p> <script type="text/javascript"> installerGestionnaireDeLiens(); </script> </body> </html>
Tu pourrais sans doute utiliser la fonction onload() (au chargement de la page) en javascript pour appeller la fonction installerGestionnaireDeLiens(); mais faudrait vérifier que c'est bien compatible tout navigateurs... il faut que les liens soient créés avant d'appeller la fonction...

Sinon, en faisant une petite recherche, j'ai trouvé que ce sujet avait déjà été traité ;)

Voilà, j'espère que ça t'aidera... Oublies pas le "résolu" si c'est bon !;)

Thec:king:

26/12/2008, 08h35
pierre50

Génial !
Un grand merci et bonnes fêtes de fin d'année