Requête mysql avec jquery

**solaris13** · 07/12/2014, 23h25

bonjour, je suis en train de créer une page qui genere un tableau via une requete mysql et je souhaiterais mettre a jour les champs sans recharger la page. Mais cela ne fonctionne pas pourriez vous m'aider?
Merci

bdd.php

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
<html>
<head>
	<link rel="STYLESHEET" type="text/css" href="style.css" />
        <meta charset="utf-8" />
<?php 
include('conf.php');
include('func_list.php');
?>
<script type="text/javascript" src="jquery.js"></script> 
<script> 
$(document).ready(function() 
{  
 $("td").click(function()  
  { 
   if( $(this).attr("contenteditable") == "true") 
   {    
 
 
    var contenu_avant = $(this).text(); 
                var id_bdd = $(this).attr("id"); 
                var champ_bdd = $(this).attr("name"); 
    //alert("avant =" + contenu_avant); 
 
    $(this).blur(function() 
        { 
         var contenu_apres = $(this).text(); 
         //alert("contenu apres = " + contenu_apres); 
 
                                 if (contenu_avant != contenu_apres) 
                                     { 
          parametre='id='+id_bdd+'&champ='+champ_bdd+'&contenu='+contenu_apres ; 
          //walert(param) ; 
          $.ajax({ 
            url: "update.php",  
            type: "POST",  
            data: parametre,  
            success: function(html) {  
                  //alert(html); 
                  } 
           }); 
          } 
 
        }); 
 
   };     
 
  }); 
});   
 
 
</script> 
 
</head>
 
<body>
 
<?php 
 
 
 
echo '<table><tr><td><center>Article</center></td><td><center>Quantité</center></td></tr>';
mysql_connect($server, $login, $pass) or die(mysql_error());
mysql_select_db($bdd)or die("Impossible de se connecter à la base de données");
 
$requete = mysql_query("SELECT * FROM `db_materiel` ") or die (mysql_error());
while ($ligne1 = mysql_fetch_object($requete)){
 echo '<tr><td>'.$ligne1->designation_materiel.'</td><td contenteditable="true" style="text-align:right;" id="1" name="quantite_materiel" >'.$ligne1->quantite_materiel.'</td></tr>'; 
}
mysql_close();
echo '</table>';
 
?>
 
</table>
 
 
</body>
</html>

update.php

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
 
<?php
include('conf.php');
include('func_list.php');
  $id=$_POST['id'];  
  $champ=($_POST["champ"]);  
$contenu = $_POST['quantite_materiel'];  
 
$modif = $_POST['modif'];
$quantite = $_POST['quantite'];
$id_materiel = $_POST['id_materiel'];
$alerte = $_POST['alerte'];
 
$connect = mysql_connect($server, $login, $pass) or die("Login ou mot de passe incorrect");
mysql_select_db($bdd)or die("Impossible de se connecter à la base de données");
 
mysql_query("SET NAMES 'utf8'");  
$requete2 = "UPDATE db_materiel SET quantite_materiel = $quantite WHERE id_materiel = $id ";
mysql_query($requete2) or die(mysql_error());
?>

**solaris13** · 08/12/2014, 14h54

Bon, je me répond a moi même et je me félicite ça fonctionne, j'ai un autre problème c'est que je voudrais envoyer un post lorsque une checkbox change d’état.
Comment creer un IF avec deux conditions :

Code :

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

1
2
if (condition1) OU (condition2)  {
}

merci par avance

**SpaceFrog** · 08/12/2014, 16h22

Code :

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

1
2
if((condition1) || (condition2)) {
}

**solaris13** · 08/12/2014, 16h32

je voulais envoyer l'etat de la checkbox via un POST mais cela ne fonctionne pas.

**SpaceFrog** · 09/12/2014, 09h00

sisi ça marche ...
tu ne le fais pas correctement c'est tout

envoie plutot un json

Code :

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

parametre={ 'id' : id_bdd, 'champ' : champ_bdd, 'contenu' : contenu_apres} ;

**solaris13** · 10/12/2014, 16h06

Super, merci!

Encore une petite et dernière question après promis j'arrette de vous ennuyer.
Je voudrais que lorsque mon champs input "quantité" est egal ou inferieur a mon champs alerte, la ligne de mon tableau passe en rouge.
Merci

**SpaceFrog** · 10/12/2014, 16h18

tu peux coller le code html un tableau de 3 lignes avec une ligne qui doit être en rouge ?

et à quel moment cette coloration soit elle se faire?

**solaris13** · 10/12/2014, 18h41

en fait la ligne doit passer en rouge lorsque la variable quantité est egale ou inferieure a la variable limite

Code html :

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
<html ><meta charset="utf-8" />
<script type="text/javascript">
</script>
<table>
   <tr>
       <td>article</td>
       <td>quantité</td>
       <td>limite</td>
   </tr>
   <tr bgcolor="red">
       <td>cable 1m</td>
       <td>10</td>
       <td>10</td>
   </tr>
   <tr>
       <td>cable 2m</td>
       <td>19</td>
       <td>10</td>
   </tr>
</table>
</html>

**Bovino** · 11/12/2014, 08h12

Effectivement, je te confirme que ce que tu as mis entre tes balises <script> ne permet pas de faire ça !

Sinon, si tu as une variable quantite et une variable limite, il suffit de les comparer et d'appliquer un style (HTMLElement.style.backgroundColor) à la ligne en question.

**SpaceFrog** · 11/12/2014, 08h54

la question n'était pas "quelles sont les conditions pour que la ligne devienne rouge ?"
mais QUAND doit elle devenir rouge ...
autrement dit à quel moment les valeurs sont elles renseignées ?

**solaris13** · 11/12/2014, 16h48

Les valeurs sont renseignées par un opérateur dans le champs quantité

**SpaceFrog** · 11/12/2014, 16h55

la coloration doit donc se faire au moment de la validation de saisie ? en cours de saisie ? en fin de saisie de ligne ?

**solaris13** · 12/12/2014, 07h20

A la fin de la saisie oui lorsqu'on sort du champs

**SpaceFrog** · 12/12/2014, 08h52

Donc sur le blur du champs lance une fonction qui teste les différentes valeurs et modifie le css background-color ...

http://fiddle.jshell.net/9sdyckas/2/

**solaris13** · 14/12/2014, 13h22

bonjour,
j'ai essayé de le faire avec un td modifiable( paramètre contenteditable="true") mais cela ne fonctionne pas.

**SpaceFrog** · 15/12/2014, 10h12

si ça fonctionne avec contenteditable quand on sait que l'évènement à utiliser n'est plus le blur ...

http://fiddle.jshell.net/9sdyckas/9/

Requête mysql avec jquery

jQuery

Discussions similaires

Partager

Partager