Discussion :

[cedrick21]

Bonjour à tous,

j'essaye de faire une chose simple mais qui ne fonctionne pas chez moi.

J'ai un formulaire assez basique dont la page de destination est une page php qui génère un PDF.
Ce qui fait que lorsque j'envoie mon formulaire je reste sur la même page et un PDF s'ouvre.

Pour des raisons techniques j'ai besoin d'actualiser la page du formulaire (ou au pire afficher une autre page).

Or lors de la validation de mon formulaire (je vérifie certaines choses avec une fonction dans le "onsubmit") je n'arrive pas à recharger la page.

Voici le code ce sera plus parlant

Code :

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

1
2
3
<form action="_export/bdc.php" id="formImpression" method="post" onsubmit="validImpressionCommande();return false;">
...
</form>

Puis la fonction js

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
function validImpressionCommande()
{
	var	erreur	=	'';
 
	....
 
	if(erreur != '')
	{
		alert("Vous devez indiquer :\n\n"+erreur);
		return false;
	}
	else
	{
		document.getElementById('formImpression').submit();
		location.reload();
	}
}

et pour le coup "location.reload();" ne fonctionne pas
j'ai l'impression qu'il agit sur la page php qui génère le pdf et non sur la page précédente !
le soucis c'est que si je fais le reload avant l'envoi du formulaire je n'aurai plus rien à envoyer, le formulaire sera vide.

Si vous avez une idée pour contrer mon soucis je suis preneur.

Merci d'avance

_____________

Edit :
j'ai réussi à contourner le problème en cachant le formulaire dans un div lors du submit.
j'ai affiché un autre div à la place.
Ca ne résout pas mon problème mais ça fera l'affaire !
Je laisse le sujet en "non résolu" au cas où ...

[marcha]

Salut,

Ce qui me surprends dans ton code c'est:

Code :

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

onsubmit="validImpressionCommande();return false;"

En gros, cela signifie que dans tous les cas, onsubmit reçoit false, ce
qui veut dire: "Ne pas envoyer le formulaire".

Tu devrais avoir qqch dans ce genre:

Code :

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

onsubmit="return validImpressionCommande();"

Et faire un return true; dans validImpressionCommande quand tu veux laisser
partir le formulaire, et return false quand tu ne veux pas le laisser partir.

Appeler document.getElementById('formImpression').submit(); dans la fonction
validImpressionCommande c'est provoquer à nouveau un évènement submit qui va appeler récursivement validImpressionCommande.

[Bovino]

Non Marc, l'événement submit n'est pas déclenché lorsque le submit se fait par script

[marcha]

Effectivement Didier, merci, ce code prouve ce que tu dis:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
window.onload = function() {
	var frm = document.getElementById('formulaire');
	frm.onsubmit = function() {
		alert('on submit');
	};
 
	var bt = document.getElementById('bt');
	bt.onclick = function() {
		frm.submit();
	};
};

Avec le HTML suivant:

Code :

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

1
2
3
4
5
 
<span id='bt'>Envoyer</span>
<form id='test'>
	<input type='submit' />
</form>

Mais je me suis fait avoir par mon utilisation excessive de JQuery

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$(function() {
	$('#test').submit(function() {
		alert('ok');
	});
 
	$('#bt').click(function() {
		$('#test').submit();
	});
});

Ici Jquery appelle le submit :-/

[Bovino]

Oui, effectivement, c'est un des "pièges" de jQuery