reload après envoi formulaire vers pdf

Version imprimable

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:

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

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ù ... :)

12/11/2012, 15h54
marcha

Salut,

Ce qui me surprends dans ton code c'est:

Code:

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:

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.
13/11/2012, 08h16
Bovino

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

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

Code:

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:

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:

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 :-/

13/11/2012, 08h53
Bovino

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