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