modification du action d'un formulaire

Bonjour,

je reprends la maintenance d'un site qui a été développé par quelqu'un d'autre. Une nouvelle fonctionnalité ma été demandée, seul soucis c'est que de la façon dont cela a été codéje ne peux pas le faire da façon simple...

je souhaiterais que au moment ou une case à cocher est checked une fonction javascript vienne modifier le action d'un formulaire ainsi que la valeur d'un submit.
voici mon checkbox:

Code:

---

1 2	<input type="checkbox" name="cascade" value="OK" onclick="whenChecked()">Réservation en cascade</input>

---

voici ma fonction JS

Code:

---

1 2 3 4 5 6 7 8 9

function whenChecked() { if(document.cascade.checked==true) { document.form_valider_visio.action="index.php?_id_page=outils/transat/resa_cascade.php"; document.form_valider_visio.submit.value="Valider la réservation en cascade";}   }

---

et cela ne fonctionne pas.

Merci de votre aide.

Bonjour,

Il faudrait peut-être le code de déclaration du formulaire pour voir si les noms concordent. Mais par contre ceci me laisse perplexe:

Code:

---

document.form_valider_visio.submit.value="Valider la réservation en cascade";

---

Vous voulez changer le texte affiché sur le bouton ? Le bouton ne s'appelle pas "submit" quand même ? Ce n'est pas un bon nom car c'est un mot réservé.

Salut

Code:

---

if(document.cascade.checked==true)

---

Tu ne peux pas accéder directement à un élément :roll:
Il faut passer par :

Code:

---

document.nom_formulaire.nom_element

---

Ceci dit, le plus simple dans ton cas serait de transmettre directement ton input :

Code:

---

<input type="checkbox" name="cascade" value="OK" onclick="whenChecked(this)">Réservation en cascade</input>

---

Puis :

Code:

---

1 2 3 4 5 6 7 8

function whenChecked(eltInput) { if(eltInput.checked) { eltInput.form.action="index.php?_id_page=outils/transat/resa_cascade.php"; eltInput.form.choisi_un_autre_nom.value="Valider la réservation en cascade";}   }

---

En pensant bien au passage que nomme un input de type submit "submit" est maladroit et cause des erreurs, vu qu'il s'agit aussi d'une propriété d'un formulaire !

voici un de mes formulaires dont il faut que je modifie le action

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<form action="index.php?_id_page=<?php echo $_id_page; ?>" method="post" onSubmit="return Valider_resa_visio('<?php echo $liste_visio_toJS."','".date("Y-m-d",$date); ?>');" id="form_valider_visio" name="formValiderResaVisio"> <input type="hidden" id="_liste_resa_visio" name="_liste_resa_visio" value="" /> <br /> <p>Sélectionnez l'agent responsable de la réservation : <em>(champ obligatoire)</em><p> <span class="spanDecal"> <select name="_id_agent_resp_resa_visio" id="_id_agent_resp_resa_visio" class="inputRecherche12pxSelect largeurSelectRecherche"><!--Liste des agents pour connaitre pour qui est la reservation --> <option selected="selected" value="-1" /> <?php if($ok)while($tab_agent = mysql_fetch_assoc($liste_agent)) echo '<option value="'.$tab_agent["id_agent"].'">'.formater_nom($tab_agent["nom"].' '.$tab_agent["prenom"]).'</option>'; ?> </select> </span> <p>Veuillez saisir un motif pour votre réservation : <em>(champ obligatoire)</em><p>   <textarea id="id_text_area_justificatif_visio" name="text_justification_visio" class="inputRecherche12pxSelect" rows="2" cols="111" onKeyUp="limite(this,255);" onKeyDown="limite(this,255);"></textarea> <p> <div align="center"><input name="valider_resa" type="submit" value="Valider la réservation" class="btntxt"/></div> </p> </form>

---

mais peut-être que c'est mon checkbox qui est mal placé

En tenant compte de ce qui a été dit précédemment, le nom serait donc alors:

Code:

---

document.form.valider_resa.value = "...";

---

Vous êtes vraiement trop fort sur ce forum!
ça marche!

Merci beaucoup!

Euh petite question,
imaginons que l'utilisateur se soit trompé et qu'il décoche.comment je fais pour que les modifs que je fais s'annulent?

Dans votre fonction Javascript, vous ajoutez un else au if et vous y remettez les anciennes valeurs.

ah je crois que j'ai trouvé en faisant tout simplement else dans ma fonction JS

oui c'est ça désolé j'avais pas vu le nouveau message merci :D

De rien. ;)