Ajout de balise form empeche l'envoi

**lince102** · 13/01/2010, 10h21

Bonjour,

Mon code marchait très bien jusqu'à ce que je rajoute les balises pour créer un formulaire.

J'ai mis l'appel de mon fichier ajax.js dans le HEAD comme ceci :

Code :

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

1
2
3
4
5
 
<HEAD>
	<link rel="stylesheet"media="screen" type="text/css" title="Design" href="design.css">
	<script type="text/javascript"src="ajax.js" > </script>
</HEAD>

Ensuite j'ai l'appel d'une fonction qui se trouve dans se fichier sur un onChange

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
22
23
24
<div>
	<label class="gauche">Fournisseurs</label>
	<?php
	$requete_liste_fournisseurs="SELECT * FROM fournisseurs";
	$liste_table_fournisseurs = mysql_query($requete_liste_fournisseurs);
?>
	<select id="fournisseur" onChange="compte_client();" >
	<option value="-"><?php echo("-");?></option>
<?php
		while ($row = mysql_fetch_array($liste_table_fournisseurs)) { 
?>
		  <option value="<?php echo $row['Id_fournisseur']; ?>">
		  <?php echo $row['Nom_fournisseur']; ?>
		  </option>
<?php  
		}
?>
	</select> 
	</div>
	<div>
		<label class="gauche">Compte client</label>
		<input  type="text" id="compte_client">
	</div>

Cela m'afficher bien le compte client coorespondant au fournisseur selectionné mais j'ai rajouté les balises form comme ceci :

Code :

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

1
2
3
 
<form method="POST" action="creer_bon_commande.php">
</form>

L'appel au fichier js ne se fait plus...
Quelqu'un connaitrait une solution???

**le_chomeur** · 13/01/2010, 10h33

Bonjour , merci de poster le code généré par le navigateur

**lince102** · 13/01/2010, 14h44

Ou est ce que je récupère cela?

**lince102** · 13/01/2010, 14h54

Tu veux le code source de la page c'est ca?

**le_chomeur** · 13/01/2010, 15h06

Oui exactement :

click droit , afficher la source

**SpaceFrog** · 13/01/2010, 16h00

peut etre un name pour le form ...

Sinon quel est le rapport avec javascript ???
a priori ce n'est pas javascript qui ajoute les balises form ??? si ?

**lince102** · 13/01/2010, 17h35

Voici le code source de la page :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<HEAD>
	<link rel="stylesheet"media="screen" type="text/css" title="Design" href="design.css">
	<script src="ajax.js" type="text/javascript"></script>
</HEAD>
 
 
<BODY>		
<DIV align="center">
<h2> Création d un bon de commande </h2>
</DIV>
 
<!--génération des codes de la base-->
 
<form action="creer_bon_commande.php" method="post">
<div>
<label class="gauche">Code</label>
<select name="code">
	  <option value="1">
	  ABO - Abonnement	  </option>
	</select> 
</div>
 
<!--génération des imputations de la base-->
<div>
<label class="gauche">Imputation</label>
 
<select name="imputation">
	  <option value="1">
	  6068 - Travaux	  </option>
	</select> 
</div>
 
<!--génération des fournisseurs de la base-->
<div>
<label class="gauche">Fournisseurs</label>
<select id="fournisseur" onChange="compte_client();" >
<option value="-">-</option>
 
	  <option value="1">
	  Leroy merlin	  </option>
		  <option value="2">
	  Auchan	  </option>
	</select> 
</div>
<div>
	<label class="gauche">Compte client</label>
 
	<input  type="text" id="compte_client">
</div>
</form>
</body>

**lince102** · 13/01/2010, 18h09

J'ai essayé de mettre un name au formulaire ca ne marche pas.

apparament, il ne fait plus mon onchange quand je mets les balises form.

J ai fait un test bidon en mettant :

Code :

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

1
2
3
4
5
6
7
 
	<script language="javascript" >
	function compte_client()
{
alert("jjj")
}
	</script>

**lince102** · 13/01/2010, 18h26

Ça marche quand je change le nom de la fonction par un nom non composé et avec une majuscule genre Compte.

Par contre je suis obligé de mettre le code dans ma page php (dans le head) car l'appel du fichier ajax.js ne fonction toujours pas.

Quelqu'un aurait une idée?

**le_chomeur** · 14/01/2010, 00h03

un problèmes de path

ou montre nous ton fichier ajax.js

**lince102** · 14/01/2010, 10h39

Voici mon fichier ajax.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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
function Compte()
{
 
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
						document.getElementById('compte_client').value = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","ajaxCompte.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				sel = document.getElementById('fournisseur');
 
				if((document.getElementById('fournisseur').value)!="-")
				{
				id_fournisseur = sel.options[sel.selectedIndex].value;
				xhr.send("id_fournisseur="+id_fournisseur);
				}else{
				document.getElementById('compte_client').value="";
				}
}
 
function getXhr(){
  var xhr=null;
  if(window.XMLHttpRequest) // Firefox et autres
  xhr = new XMLHttpRequest();
  else if(window.ActiveXObject){ // Internet Explorer
    try {
      xhr = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e1) {
        xhr = null;
      }
    }
  }
  else { // XMLHttpRequest non supporté par le navigateur
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
  }
  return xhr;
}

**le_chomeur** · 14/01/2010, 11h23

pas d'erreur coté JS ,

ton fichier ajax.js se situe au même niveau que ton autre page ?

sinon essaye de debuguer avec firebug

**SpaceFrog** · 14/01/2010, 11h24

pas d'erreur ?...

ha on peut attribuer un value comme ça à un select en javascript ?

**lince102** · 14/01/2010, 11h48

Oui ajax.js se situe au même niveau que ma page.

**SpaceFrog** · 14/01/2010, 12h14

là n'est pas la question ...

.value pour un select n'est qu'en lecture cote client
pas en ecriture...
on ne peux pas attribuer de value à un select de la sorte

**le_chomeur** · 14/01/2010, 13h59

Autant pour moi je n'avais pas fait le // avec le HTML

oui effectivement il faut sélectionner une des options de la liste et non affecter la valeur directement au select /!\

( autant pour moi spaffy

)

**lince102** · 15/01/2010, 13h46

Tu parles de quel .value?

compte_client est un champ text donc il n' y a pas de probleme.
Et mon code marche....
C'est l'appel du fichier qui ne marche pas!

Ajout de balise form empeche l'envoi

JavaScript

Discussions similaires

Partager

Partager