Discussion :

[dark_vidor]

Bonjour,

Je suis en train de dev un fomulaire avec des confimations d'action en javascript :

http://www.team-gt5net.com/~championnat/test8.htm

Code :

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
function result_validate(id)
{
  if(confirm("Voulez-vous valider result_1 ?"))
  {
	document.forms['result_1'].elements["action"].value = "validate";
	document.forms['result_1'].submit();
  }
  else
	window.location.href = "result.php?p=1";
}
 
 
                <form action="test8.php?p=1" method="post" name="result_1" id="result_1" style="display: inline;" >
                  <input type="hidden" name="submit" value="1" />
                  <input type="hidden" name="id_users" value="1" />
                  <input type="hidden" name="action">
                  <input type="hidden" name="comments">
                  <a href="javascript:void(0);" onclick="javascript:result_validate(1);"><img src="../img/championnat/flag_green.png"  width="16" height="16" border="0" alt="f_green" class="input_edit" /></a> 
                  <a href="javascript:void(0);" onclick="javascript:result_doubt(1);"><img src="../img/championnat/flag_red.png"  width="16" height="16" border="0" alt="f_red" class="input_edit" /></a> 
                  <a href="javascript:void(0);" onclick="javascript:result_disqualify(1);"><img src="../img/championnat/flag_black.png"  width="16" height="16" border="0" alt="f_black" class="input_edit" /></a> 
                </form>

Mais j'ai cette erreur sous mozilla :

Erreur*: document.forms.result_1.submit is not a function
Fichier Source*: http://www.team-gt5net.com/~championnat/test8.htm
Ligne*: 33

Je vais travailler drapeau par drapeau et je commence par le vert


Merci pour votre aide

[Macmillenium]

Bonjour,

C'est parce que tu n'as simplement pas de bouton sumbit.

Essaye en créant un bouton et le masquer :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
	function result_validate(id)
{
  if(confirm("Voulez-vous valider result_1 ?"))
  {
	document.forms['result_1'].elements["action"].value = "validate";
	var btn = document.forms['result_1'].appendChild(document.createElement("button"));
	btn.style.display = 'none';
	btn.click();
   }
  else
	window.location.href = "result.php?p=1";
}

[dark_vidor]

oué j'ai trouvé ça aussi en cherchant plus sur google ... j'ai un champs submit du coup il applique pas la fonction mais va chercher le champs d'où l'erreur ... j'avais renommer mon champs mais ça m'arrangeais guère pour l'homogénéité de mon code par rapport au reste du site

ta solution du bouton masquer j'y avais pas pensé


du coup mon formulaire ressemble à ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
                <form action="test8.php?p=1" method="post" name="result_1" id="result_1" style="display: inline;" >
                  <input type="hidden" name="submit" value="1" />
                  <input type="hidden" name="id_users" value="1" />
                  <input type="hidden" name="action">
                  <input type="hidden" name="comments">
                  <input type="submit" name="send" style="display: none;" >
                  <a href="javascript:void(0);" onClick="javascript:result_validate(1, 'dark_vidor', '1\'12.420');"><img src="../img/championnat/flag_green.png"  width="16" height="16" border="0" alt="f_green" class="input_edit" /></a> 
                  <a href="javascript:void(0);" onClick="javascript:result_doubt(1, 'dark_vidor', '1\'12.420');"><img src="../img/championnat/flag_red.png"  width="16" height="16" border="0" alt="f_red" class="input_edit" /></a> 
                  <a href="javascript:void(0);" onClick="javascript:result_disqualify(1, 'dark_vidor', '1\'12.420');"><img src="../img/championnat/flag_black.png"  width="16" height="16" border="0" alt="f_black" class="input_edit" /></a> 
                </form>

et mes fonctions qui font par rapport au drapeau (implémenté avec jQuery) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function result_validate(id, pseudo, result)
{
	jConfirm('Êtes-sur de Vouloir valider '+result+' pour '+pseudo+'?', 'Confirmation Dialog', function(r) {
  		if( r )
		{
			document.forms['result_'+id].elements["action"].value = "validate";
			document.forms['result_'+id].elements["send"].click();
		}
		else
			document.forms['result_'+id].reset();
	});
}

merci du coup de main

[Macmillenium]

Je ne vois pas trop le problème, ce code devrait fonctionner

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function result_validate(id, pseudo, result)
{
	jConfirm('Êtes-sur de Vouloir valider '+result+' pour '+pseudo+'?', 'Confirmation Dialog', function(r) {
  		if( r )
		{
			document.forms['result_'+id].elements["action"].value = "validate";
			var btn = document.forms['result_'+id].appendChild(document.createElement("button"));
			btn.style.display = 'none';
			btn.click();
		}
		else
			document.forms['result_'+id].reset();
	});
}

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
                <form action="test8.php?p=1" method="post" name="result_1" id="result_1" style="display: inline;" >
					<div>
					                  <input type="hidden" name="submit" value="1" />
                  <input type="hidden" name="id_users" value="1" />
                  <input type="hidden" name="action">
                  <input type="hidden" name="comments">
                  <a href="javascript:void(0);" onClick="javascript:result_validate(1, 'dark_vidor', '1\'12.420');"><img src="../img/championnat/flag_green.png"  width="16" height="16" border="0" alt="f_green" class="input_edit" /></a> 
                  <a href="javascript:void(0);" onClick="javascript:result_doubt(1, 'dark_vidor', '1\'12.420');"><img src="../img/championnat/flag_red.png"  width="16" height="16" border="0" alt="f_red" class="input_edit" /></a> 
                  <a href="javascript:void(0);" onClick="javascript:result_disqualify(1, 'dark_vidor', '1\'12.420');"><img src="../img/championnat/flag_black.png"  width="16" height="16" border="0" alt="f_black" class="input_edit" /></a> 
					</div>
                </form>

Il faut que le bouton soit généré via DOM au moment de l'exécution de la fonction (c'est l'intérêt principal).