plusieurs boutons, un prompt

Version imprimable

Bonjour à tous,
nouvelle arrivée parmi vous, et en recherche d'aide :oops:

mon petit code consiste à créer des boutons de désabonnement d'une façon générique (selon le nombre de produis auxquels on est abonné)...
En cliquant qur un de ces boutons, un code javascript est appelé et affiche un prompt dans lequel on devra saisir le raison de désabonnement.

Le problème est le suivant : seul le premier bouton est reconnu par les modification faite dans la fonction javascript.:cry:

Voici le code (il est appelé chaque fois qu'on crée un bouton) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <script type="text/javascript"> function Confirm_unsubscription() { var saisie = prompt("Voulez vous vraiment annuler l'{SUBSCRIPTION_LABEL}",'raison de désabonnment'); if (saisie!=null) { document.forms["frm_crmaction"].frm_action_raison_Unsubscribe.value = saisie; document.forms["frm_crmaction"].submit(); } } </script> <form name="frm_crmaction" id="frm_crmaction" onSubmit="" method="POST" target=""> <input type=hidden name="frm_action_subscriptionid" value="{SUBSCRIPTION_ID}"> <input type=hidden name="frm_action_packid" value="{SUBSCRIPTION_PACKID}"> <input type=hidden name="frm_action_raison_Unsubscribe" value="unknown raison"> <input type=submit value="Unsubscribe to {SUBSCRIPTION_LABEL} " name="frm_crmaction_submit" id="frm_crmaction_submit" OnClick="Confirm_unsubscription();"> </form>
Merci bien d'avance.

Bonjour,
2 points :

Code:

1
2
 if (saisie) {
...

car prompt() renvoie true ou false.
et

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">

function Confirm_unsubscription() {
var saisie = prompt("Voulez vous vraiment annuler l'{SUBSCRIPTION_LABEL}",'raison de désabonnment');
if (saisie) {
document.forms["frm_crmaction"].frm_action_raison_Unsubscribe.value = saisie;
}
return saisie;
}
</script>

<form name="frm_crmaction" id="frm_crmaction" onsubmit="return Confirm_unsubscription();" method="POST" target="">
<input type=hidden name="frm_action_subscriptionid" value="{SUBSCRIPTION_ID}">
<input type=hidden name="frm_action_packid" value="{SUBSCRIPTION_PACKID}">
<input type=hidden name="frm_action_raison_Unsubscribe" value="unknown raison">
<input type=submit value="Unsubscribe to {SUBSCRIPTION_LABEL} " name="frm_crmaction_submit" id="frm_crmaction_submit">
</form>

Il ne faut pas faire les contrôles de formulaires sur le onclick du bouton submit, mais sur le onsubmit du form (qui est prévu pour) ;)

A+

16/10/2007, 13h13
nawara

Re : plusieurs boutons, un prompt

Merci bien pour ta réponse E.Bzz
j'étais agréablement surprise par une réponse si rapide :)

malheureusement...ça ne marche toujours pas :aie:

Pour commencer :
j'avais trouvé sur le net que prompt retourne null si rien n'est saisie, sinon, il retourne le message saisie...et justement j'en ai besoin de ce message pour l'affecter au champ 'rm_action_raison_Unsubscribe'...
En fait, même après avoir fait les modifications que t'as signalé , j'ai l'impression que à partit du second bouton, la ligne " document.forms["frm_crmaction"].frm_action_raison_unsubscribe.value = saisie;" ne sert plus à rien, la valeur du champ n'est pas modifiée.

et encore Merci

Citation:

Envoyé par nawara

j'avais trouvé sur le net que prompt retourne null si rien n'est saisie, sinon, il retourne le message saisie...et justement j'en ai besoin de ce message pour l'affecter au champ 'rm_action_raison_Unsubscribe'...

Oui, c'est ma faute : j'ai confondu prompt() et confirm() :oops:
(sûrement à cause du nom de ta fonction)
Alors
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"> function Confirm_unsubscription() { var saisie = prompt("Voulez vous vraiment annuler l'{SUBSCRIPTION_LABEL}",'raison de désabonnment'); if (saisie!=null) { document.forms["frm_crmaction"].elements['frm_action_raison_Unsubscribe'].value = saisie; return true; } else return false; }</script>
Les autres modifications (onsubmit="...") sont à conserver.

A+

16/10/2007, 15h38
nawara

re bonjour
c'est encore moi :D

et encore une fois pour te dire : ça ne marche pas :cry:
En fait, :
document.forms["frm_crmaction"].elements['frm_action_raison_Unsubscribe'].value
document.forms["frm_crmaction"].frm_action_raison_Unsubscribe.value
document.forms["frm_crmaction"].elements[2].value
sont trois façons légitimes et donnent le même résultat
D'ailleurs, avec le premier bouton ça modifie bien le champ, mais ça foire à partir du second bouton
j'ai même essayé :
var obj = document.getElementByName("frm_action_raison_unsubscribe")
obj.value = "meassage";
pareil, le premier bouton nickel, le reste vide!
à mon avis, ça devrai être un problème d'identification, le javascript assigne ces champs au premier bouton et non pas à celui cliqué...je ne sais pas

je regarde encore, si t'as des idées...surtout n'hésite pas :mrgreen:
Merci
16/10/2007, 15h57
E.Bzz
Citation:

Envoyé par nawara

document.forms["frm_crmaction"].elements['frm_action_raison_Unsubscribe'].value
document.forms["frm_crmaction"].frm_action_raison_Unsubscribe.value
document.forms["frm_crmaction"].elements[2].value
sont trois façons légitimes et donnent le même résultat

Seule la 1° est recommandée par le W3C.
La 2° est obsolète (de même que document.name_du_form....)
La 3° est ambigüe car ce n'est pas toi qui contrôle l'ordre dans lequel sont géré ("classé") les éléments.
Code:

1 2 var obj = document.getElementByName("frm_action_raison_unsubscribe") obj.value = "meassage";
Erreur de syntaxe ==>
Code:

1 2 var obj = document.getElementsByName("frm_action_raison_unsubscribe")[0]; obj.value = "meassage";
Est-ce que, par hasard, ton <form> serait dupliquée dans ta page ?
Auquel cas

Code:

document.forms["frm_crmaction"].elements['frm_action_raison_Unsubscribe']

te renverrait un tableau d'éléments au lieu de l'élément attendu, et du coup, ton code tel qu'écrit, ne peut pas fonctionner ...

A+

on y est presque

BRAVO! ...mais pas encore terminé
je m'explique
Le code n'était pas dupliqué, mais le formulaire si, puisque appelé pour la création de chaque bouton...du coup le code source de ma page avait cette tête :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<script type="text/javascript">
function Confirm_unsubscription() {
	var saisie = prompt("Voulez vous vraiment annuler l'abonnement gas fr annuel",'raison de désabonnment');
	if (saisie != null) {
		document.forms["frm_crmaction"].elements['frm_action_raison_unsubscribe'].value = saisie;
		return true;
	}
	else
		return false;
}
</script>

<form name="frm_crmaction" id="frm_crmaction" onSubmit="return Confirm_unsubscription();" method="POST" target="">
<input type=hidden name="frm_action_subscriptionid" value="20">
<input type=hidden name="frm_action_packid" value="516">

<input type=hidden name="frm_action_raison_unsubscribe" value="unknown raison">
<input type=submit value="Unsubscribe to abonnement gas fr annuel " name="frm_crmaction_submit" id="frm_crmaction_submit" >
</form>

<script type="text/javascript">
function Confirm_unsubscription() {
	var saisie = prompt("Voulez vous vraiment annuler l'Abonnement Radars FR Annuel",'raison de désabonnment');
	if (saisie != null) {
		document.forms["frm_crmaction"].elements['frm_action_raison_unsubscribe'].value = saisie;
		return true;
	}
	else
		return false;
}
</script>

<form name="frm_crmaction" id="frm_crmaction" onSubmit="return Confirm_unsubscription();" method="POST" target="">
<input type=hidden name="frm_action_subscriptionid" value="2">
<input type=hidden name="frm_action_packid" value="376">
<input type=hidden name="frm_action_raison_unsubscribe" value="unknown raison">
<input type=submit value="Unsubscribe to Abonnement Radars FR Annuel " name="frm_crmaction_submit" id="frm_crmaction_submit" >
</form>

J'ai ajouté une balise pour les distinguer...comme ça marchait toujours pas, j'ai fait pareil pour le nom du formulaire...ce qui donne :

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
25
26
27
28
29
30
31
32
33
34
35
36
function Confirm_unsubscription() {
	var saisie = prompt("Voulez vous vraiment annuler l'abonnement gas fr annuel",'raison de désabonnment');
	if (saisie != null) {
		document.forms["frm_crmaction_20"].elements['frm_action_raison_unsubscribe_20'].value = saisie;
		return true;
	}
	else
		return false;
}
</script>
 
<form name="frm_crmaction_20" id="frm_crmaction_20" onSubmit="return Confirm_unsubscription();" method="POST" target="">
<input type=hidden name="frm_action_subscriptionid" value="20">
<input type=hidden name="frm_action_packid" value="516">
 
<input type=hidden name="frm_action_raison_unsubscribe_20" value="unknown raison">
<input type=submit value="Unsubscribe to abonnement gas fr annuel " name="frm_crmaction_submit" id="frm_crmaction_submit" >
</form>
 
<script type="text/javascript">
function Confirm_unsubscription() {
	var saisie = prompt("Voulez vous vraiment annuler l'Abonnement Radars FR Annuel",'raison de désabonnment');
	if (saisie != null) {
		document.forms["frm_crmaction_2"].elements['frm_action_raison_unsubscribe_2'].value = saisie;
		return true;
	}
	else
		return false;
}
</script>
 
<form name="frm_crmaction_2" id="frm_crmaction_2" onSubmit="return Confirm_unsubscription();" method="POST" target="">
<input type=hidden name="frm_action_subscriptionid" value="2">
<input type=hidden name="frm_action_packid" value="376">
<input type=hidden name="frm_action_raison_unsubscribe_2" value="unknown raison">
<input type=submit value="Unsubscribe to Abonnement Radars FR Annuel " name="frm_crmaction_submit" id="frm_crmaction_submit" >

Maintenant, le second bouton modifie bien le champ..le premier nom:aie:
grrrrrrrrrrrrrrrrrrrrrrrrrrr

Normal, les name sont en dur dans la fonction =>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script type="text/javascript"> function Confirm_unsubscription(le_form_actif) { var saisie = prompt("Voulez vous vraiment annuler l'Abonnement Radars FR Annuel",'raison de désabonnment'); if (saisie != null) { le_form_actif.elements['frm_action_raison_unsubscribe'].value = saisie; return true; } else return false; } </script> <form name="frm_crmaction_2" id="frm_crmaction_2" onSubmit="return Confirm_unsubscription(this);" method="POST" target="">
(pas testé)
Il faut par contre redonner le même nom aux elements du form : c'est le param "le_form_actif" qui fera pointer sur le "bon".

Mais il serait préférable d'utiliser les id : tu as certainement une boucle serveur pour générer tes <form>. Tu peux en profiter pour gérer des id (uniques, bien sûr) que tu pourras retrouver facilement en JS en passant uniquement le n° du form (celui issu de ta boucle PHP) en paramètre de la fonction ...

A+

:yaisse2:
wayyyyyyyyyyy
Mille merci :D
ça fonctionne avec l'ajout du paramètre Confirm_unsubscription(actif_form)
bonne fin de journée
et encore MERCI :oops:

PS:
juste pour info : les noms n'étaient pas en dur, j'avais posté le code source de la page, mais le script était plutôt:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <script type="text/javascript"> function Confirm_unsubscription() { var saisie = prompt("Voulez vous vraiment annuler l'{SUBSCRIPTION_LABEL}",'raison de désabonnment'); if (saisie != null) { document.forms["frm_crmaction_{SUBSCRIPTION_ID}"].elements['frm_action_raison_unsubscribe_{SUBSCRIPTION_ID}'].value = saisie; return true; } else return false; } </script> <form name="frm_crmaction_{SUBSCRIPTION_ID}" id="frm_crmaction_{SUBSCRIPTION_ID}" onSubmit="return Confirm_unsubscription();" method="POST" target=""> <input type=hidden name="frm_action_subscriptionid" value="{SUBSCRIPTION_ID}"> <input type=hidden name="frm_action_packid" value="{SUBSCRIPTION_PACKID}"> <input type=hidden name="frm_action_raison_unsubscribe_{SUBSCRIPTION_ID}" value="unknown raison"> <input type=submit value="Unsubscribe to {SUBSCRIPTION_LABEL} " name="frm_crmaction_submit" id="frm_crmaction_submit" > </form>
et donc les id étaient bien générés automatiquement
mais je trouve l'utilisation de formulaire actif plus simple et fait l'affaire ;)

Citation:
Envoyé par nawara
juste pour info : les noms n'étaient pas en dur, j'avais posté le code source de la page, mais le script était plutôt:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <script type="text/javascript"> function Confirm_unsubscription() { var saisie = prompt("Voulez vous vraiment annuler l'{SUBSCRIPTION_LABEL}",'raison de désabonnment'); if (saisie != null) { document.forms["frm_crmaction_{SUBSCRIPTION_ID}"].elements['frm_action_raison_unsubscribe_{SUBSCRIPTION_ID}'].value = saisie; return true; } else return false; } </script> <form name="frm_crmaction_{SUBSCRIPTION_ID}" id="frm_crmaction_{SUBSCRIPTION_ID}" onSubmit="return Confirm_unsubscription();" method="POST" target=""> <input type=hidden name="frm_action_subscriptionid" value="{SUBSCRIPTION_ID}"> <input type=hidden name="frm_action_packid" value="{SUBSCRIPTION_PACKID}"> <input type=hidden name="frm_action_raison_unsubscribe_{SUBSCRIPTION_ID}" value="unknown raison"> <input type=submit value="Unsubscribe to {SUBSCRIPTION_LABEL} " name="frm_crmaction_submit" id="frm_crmaction_submit" > </form>
et donc les id étaient bien générés automatiquement
mais je trouve l'utilisation de formulaire actif plus simple et fait l'affaire ;)
Effectivement !
Mais tu ne créais qu'une seule fonction, qui pointait donc sur le dernier.
Pour suivre ta logique initiale, il aurait fallu créer une fonction par <form>.
Code:

1 2 Confirm_unsubscription_1() {... Confirm_unsubscription_2() {...
;)

A+

17/10/2007, 10h16
nawara

Merci

Okaaaaaaaaaaaaay !!

Enfin ! j'ai compris ...
Merci pour tout:D.
et comme tu dis,
A+ ;)