Discussion :

[roussos]

bonsoir,
j'ai un formulaire qui me permet d'insérer des images dans ma base de données Mysql

Code :

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

1
2
3
4
5
6
7
 
 <tr>
  <td height="30"><div align="left">IMAGE
    <input type="hidden" name="MAX_FILE_SIZE" id="MAX_FILE_SIZE" value="250000" />
  </div></td>
  <td height="30"><input type="file" name="fic" id="fic" size=20 /></td>
  </tr>

j'ai un fichier javascript ou je recupere l'id de l'image avant le POST

Code :

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

1
2
 
fic = document.getElementById('fic').value;

mon probleme est au niveau du bouton qui valide le formulaire;
en fait mes messages d'erreurs doivent s'afficher sur un div que j'ai mis sur le formulaire et quand j'utilise

Code :

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

1
2
 
<input  type="submit" onclick="ajout_art()" value="Valider"/>

le code marche et l'image est insérée dans la base de données mais la page change.mais quand j'utilise

Code :

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

1
2
 
<input  type="button" onclick="ajout_art()" value="Valider"/>

la page reste statique mais l'image n'est pas créée dans la BD
je voudrais que la page reste statique et que l'image soit créée dans la BD.
si quelqu'un peut m'aider?
merci d'avance.

[Bovino]

Code :

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

<input  type="submit" onclick="ajout_art();return false" value="Valider"/>

Mais ça n'explique pas que le input button fonctionne pas... tu peux montrer le code de ajout_art() ?

[roussos]

le code ajourt_art() se présente comme suit

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
 
function ajout_art(){
	document.getElementById("stat").innerHTML= "Chargement en cours...";
	//je recupere les id de mon formulaire
        ref = document.getElementById('ref').value; 
	designation = document.getElementById('designation').value; 
	prix_pub = document.getElementById('prix_pub').value;  
	fic = document.getElementById('fic').value; 
       //verification si les champs sont vides
	if((ref!='')&&(designation!='')&&(prix_pub!='')&&(fic!='')){
	var page = "creart.php"; 
	var url = "ref= "+ref+ "&designation= "+designation+ "&prix_pub= "+prix_pub+ "&fic= "+fic; 
	oxhr = createXHR();
	oxhr.open("post", page, true);
	oxhr.onreadystatechange = function(){
		if (oxhr.readyState == 4 && oxhr.status == 200){ 	
		var ng =oxhr.responseText;
		document.getElementById("rep").innerHTML="Données enregistrées avec succès";
        document.getElementById("stat").innerHTML= "";	
        document.getElementById('ref').value='';
		document.getElementById('designation').value='';
		document.getElementById('prix_pub').value='';
		document.getElementById('fic').value='';
 
		}
	}	
	oxhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
	alert ("valeurs envoyees: "+url);
	oxhr.send(url);	}
else{
		document.getElementById("rep").innerHTML="Veuillez remplir les champs SVP!!!";
		document.getElementById("stat").innerHTML= "";
 
	}

[roussos]

même avec

Code :

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

1
2
 
<input  type="submit" onclick="ajout_art();return false" value="Valider"/>

il ne fait rien du tout.

[Bovino]

il ne fait rien du tout.

C'est-à-dire ?
Ta bdd n'est pas à jour ? Tes champs ne sont pas réinitialisés ? Que contient ton responseText ? Montres-nous le code html du form...

[roussos]

quand je dis il ne fait rien du tout c'est à dire qu'il n'insere pas dans la base de données mais les champs sont réinitialisés

le code du formulaire est le suivant

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
53
54
55
56
57
 
 
<form enctype="multipart/form-data" action="creart.php"  name="article" id="article" method="post">
	<fieldset style="width:340px">
	<legend>Ajout d'un Article </legend><br />
	<table width="349"border="0">
  <tr>
    <td width="178"><label>
    <div align="left">REFERENCE</div>
    </label></td>
    <td width="161" >
 
              <div align="left">
                <input name="ref" id="ref" type="text" maxlength="40" />
              </div></td>
  </tr>
  <tr>
    <td><label>
      <div align="left">DESIGNATION</div>
    </label></td>
    <td>
 
              <div align="left">
                <textarea name="designation" id="designation" cols="15" rows="2" wrap="physical"></textarea>
              </div></td>
  </tr>
  <tr>
    <td><div align="left">PRIX PUBLIE </div></td>
    <td>
 
              <div align="left">
                <input type="text" name="prix_pub" id="prix_pub" />
              </div></td>
  </tr>
  <tr>
  <td height="30"><div align="left">IMAGE
    <input type="hidden" name="MAX_FILE_SIZE" id="MAX_FILE_SIZE" value="250000" />
  </div></td>
  <td height="30"><input type="file" name="fic" id="fic" size=20 /></td>
  </tr>
  <tr>
    <td height="42" colspan="2"><label>
 
              <div align="center">
                <input  type="reset" name="annuler" id="annuler" value="Annuler" />
				<input  type="submit" onclick="ajout_art()" value="Valider"/>
              </div>
    </label>	    
 
        <div align="left"></div></td>
    </tr>
</table>
     <div id="rep"> 
	 </div>
	 <div id="stat"></div>
	</fieldset>
	</form>

[SpaceFrog]

la soumission d'un form entraine le rechargement de page, il faut donc passer par ajax ..

Il y a eu un post dans les contributions sur l'envoi de données de formulaire en ajax qui s'est soldé par ce lien http://prototypejs.org/api/form/serialize