Discussion :

[ballantine's]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

voici ma fonction JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[vermine]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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é.

[ballantine's]

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

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

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é

[vermine]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[ballantine's]

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

Merci beaucoup!

[ballantine's]

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?

[vermine]

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

[ballantine's]

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

[Bovino]

Salut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(document.cascade.checked==true)

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.nom_formulaire.nom_element

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Puis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !