form dans une fonction javascript

**voyageurdumonde** · 10/10/2011, 04h52

Bonjour,

Je fais un form dans une fonction javascript

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
document.write('<form name="valide2" id="valide2" action="http://www.bonplanvoyage.com/iphoneversion.php" method="post">');
document.write('<input type="text" name="lat2" value="' + lat2 + '"><br />');
document.write('<input type="text" name="long2" value="' + long2 + '"><br />');
document.getElementById('valide2').submit();
document.write('</form>');

Ca fonctionne bien avec tous les navigateurs sauf avec IE ou le code source affiche juste

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<form name="valide3" id="valide3" action="http://www.bonplanvoyage.com/iphoneversion.php" method="post">

et bloque apres

Avez vous une idee d'ou peut venir le bobo?

Merci de votre aide

**MrPringle** · 10/10/2011, 06h09

En fait, tu veux cr�er un bouton submit ou soumettre le formulaire directement ?
Ton code fait la seconde action mais il serait pr�f�rable de d�clencher l'�v�nement submit une fois le formulaire ferm� :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
 
document.write('<form name="valide2" id="valide2" action="http://www.bonplanvoyage.com/iphoneversion.php" method="post">');
document.write('<input type="text" name="lat2" value="' + lat2 + '"><br />');
document.write('<input type="text" name="long2" value="' + long2 + '"><br />');
// Ajout d'un bouton de soumission
document.write('<input type="submit" value="Envoyer" />');
document.write('</form>');
 
// Soumission automatique du formulaire en JS, après la fermeture de ce dernier
document.getElementById('valide2').submit();

Ton formulaire �tait envoy� automatiquement je suppose, le second code que tu as post� correspond � la page http://www.bonplanvoyage.com/iphoneversion.php avec les arguments POST "lat2" et "long2" je suppose.

**Bovino** · 10/10/2011, 08h29

Envoy� par voyageurdumonde

Avez vous une idee d'ou peut venir le bobo?

L'utilisation de l'immonde document.write()...

**RomainVALERI** · 10/10/2011, 10h23

Envoy� par Bovino

L'utilisation de l'immonde document.write()...

m�me avis que Bovino ^^

>>> Ce n'est pas comme �a qu'on cr�e un �l�ment.

**voyageurdumonde** · 10/10/2011, 18h34

Oui ce que je veut faire c'est envoyer automatiquement et sans bouton une variable javascript par post afin de la recupeprer et de la convertir en variable PHP.

je vais etudier la methode propose par RomainVALERI

**voyageurdumonde** · 10/10/2011, 20h11

Ok j'ai procede comme cela

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function trouverlocation()
{
  var lat = xxxx;
  var long = yyyy;
document.getElementById('lng').value=long;
document.getElementById('lat').value=lat;
}
 
<script> setTimeout('document.getElementById(\'valide3\').submit();', 4000);</script>
 
<body onload="trouverlocation()">
<form name="valide3" id="valide3" action="http://www.bonplanvoyage.com/iphoneversion.php" method="post">
<input type="text" name="lat" id="lat" value="">
<input type="text" name="lng" id="lng" value=""></form>

Et maintenant cela fonction bien avec IE

Merci

**RomainVALERI** · 10/10/2011, 20h22

<pinaillage>
Ce n'est qu'un d�tail mais :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

setTimeout(function() {document.getElementById("valide3").submit();}, 4000);

serait plus clean ^^ (dans le cadre de l'excellente recommandation consistant � �viter aussi bien l'utilisation d'eval que des versions de setTimeout et setInterval dans leurs versions acceptant une chaine en premier param)
</pinaillage>

form dans une fonction javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager