begin process at 2012 05 28 14:27:25
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > PLUSIEURS ACTIONS DIFFERENTES POUR UN SEUL FORMULAIRE

PLUSIEURS ACTIONS DIFFERENTES POUR UN SEUL FORMULAIRE


 Information sur la source

Note :
7,33 / 10 - par 3 personnes
7,33 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs & Astuces Niveau :Débutant Date de création :13/06/2003 Date de mise à jour :28/03/2004 14:37:39 Vu :19 205

Auteur : pyroflo

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (5)
Ajouter un commentaire et/ou une note


 Description

Alors c'est pas compliqué mais je l'ai appris il n'y a pas trop longtemps donc je vous le fais savoir.

Exemple d'utilisation :

- vous avez une page PHP avec un formulaire d'envoi de mails qui a pour action action1.php mais vous voulez que le visiteur puisse prévisualiser son mail. S'il coche la checkbox, l'action du formulaire sera alors action2.php (c'est l'exemple que j'ai choisi dans la source en bas :p)
Il y a bien d'autres choses à faire avec cette source, à vous de piocher ce qui vous intéresse ;)

Merci de laisser des commentaires/notes pour que je sache si mon code est tout pourri !

(le script est à mettre entre <body> et </body>)

Source

  • <script language="JavaScript">
  • function action_differente() {
  • if (document.getElementById('nom_de_la_checkbox').checked) { // Si la checkbox nom_de_la_checkbox est cochée
  • nom_du_formulaire.action = 'action2.php'; // On change l'action du formulaire
  • // Vous pouvez également préciser le cadre de destination
  • nom_du_formulaire.target = '_blank'; // Ou _self , _top etc...
  • }
  • else { // Si la checkbox n'est pas cochée
  • nom_du_formulaire.action = 'action1.php'; // On rétablie l'action par défaut (la première action)...
  • nom_du_formulaire.target = '_self'; // ...et son cadre de destination
  • }
  • }
  • </script>
<script language="JavaScript">

function action_differente() {
	
	if (document.getElementById('nom_de_la_checkbox').checked) { // Si la checkbox nom_de_la_checkbox est cochée
		
		nom_du_formulaire.action = 'action2.php'; // On change l'action du formulaire

// Vous pouvez également préciser le cadre de destination

                nom_du_formulaire.target = '_blank'; // Ou _self , _top etc... 
        }
        
else { // Si la checkbox n'est pas cochée
	
	nom_du_formulaire.action = 'action1.php'; // On rétablie l'action par défaut (la première action)...
        nom_du_formulaire.target = '_self'; // ...et son cadre de destination
}
}

</script> 

 Conclusion

Il faut bien sûr appeler la fonction action_differente() de cette manière (du moins pour cet exemple) :
dans votre checkbox, ajoutez onclick="action_differente() "

Vous pouvez aussi changer la value du submit si la checkbox est cochée en marquant (toujours pour exemple) "Prévisualiser le mail".

Bon tout ça c'est très facile donc je m'arrête là.
Avis aux initiés : passez votre chemin cette source n'est pas pour vous :p

Pyroflo

Tout sur la pyrotechnie - http://www.abcpyro.com


 Sources du même auteur

ARRETER LE CHARGEMENT DE LA PAGE (EQUIVAUT EXIT() DU PHP)
OUVRIR ET FERMER UNE FENÊTRE AUTOMATIQUEMENT APRÈS X SECONDE...
FEUILLE DE STYLE : LIEN SOULIGNÉ, BARRÉ... AU PASSAGE DE LA ...
FAITES UN LIEN AVEC UN BOUTON, TRES FACILE MAIS POURTANT "BE...

 Sources de la même categorie

PARSER LES CARACTÈRES HTML D'UNE STRING par jdmcreator
CONSTRUCTION D'UNE TABLE TRIABLE À PARTIR D'UN TABLEAU 2D par phm
Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol

Commentaires et avis

Commentaire de linkinpar236737 le 14/06/2003 11:21:55

Bof, si tu es débutant, c'est bien, mais c'est très très facile, et pratiquement tous les pratiquants du JavaScript connaissent ces sortes de code.. mais c'est pas mal : 6/10

Commentaire de GulGreg le 17/10/2005 11:53:30

Ca m'à aidé, je me demandais justement si je pouvais changer l'action d'un formulaire en Javascript, maintenant je sais.

Utile donc.

Commentaire de abdo142 le 25/12/2005 21:07:24

merci pour cette exemple.ma question est ce que je peux mettre deux action pour le meme formulaire
exemple:
<form name="monformulaie" action="page.php" action="email">
car je vx utiliser le formulaie avec(page.php),et je vx
que le visiteur puisse prévisualiser son mail qui contient(leur nom et leur mot de passe)?
merci de bien m'aider...............

Commentaire de GulGreg le 25/12/2005 21:44:09

Je ne pense pas que tu puisse mettre plusieurs actions sur le formulaire.

Par contre tu peux appeler une fonction javascript sur le submit et tu fait du traitement dans cette fonction.

Par contre si tu souhaite envoyer ton formulaire sur deux pages différentes il faut trouver une astuce je pense. Il va certainement falloir passer les données en paramêtres dans une de tes pages.

Commentaire de forbidden fruit le 14/12/2008 17:16:54

j'ai un petit problème...
J'ai un formulaire de commande (bouton "acheter" paypal).
Quand le client clique sur ce bouton, cela appelle une page sécurisée pour payer chez PayPal.
Je voudrais que cela déclenche en même temps (avec le même click)l'envoi
d'un mail en utilisant la fonction mail php.
je cherche une solution pour faire en sorte qu'il y ai 2 actions simultanées avec le submit du formulaire
En clair :
click bouton acheter = envoi simultané du formulaire paypal et l'envoi d'un mail

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,030 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales