Tableau dynamique avec script

**byakko** · 27/07/2012, 14h45

Bonjour,
Je me permet de vous sollicitez car un projet pour mon école m'oblige à utiliser le php et javascript. Simplement je n'y connais rien et je débute donc..
A force de travailler, j'ai réussi à faire quelques chose de sympa, mais la je suis bloqué depuis un bout de temps et j'ai vraiment du mal.

J'ai un tableau dynamique construit avec ma base de donnée (mysql)

Code php :

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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<?php
$menu=2; //permet de surligner la zone menu ou l'on se trouve
$numfonctpage=0; //permet de générer les autorisations d'utilisation par utilisateur
include 'sescl.php';
$enttitre="GPAO - Accueil";
$entdescription="";
$entmotscles="";
$entstyle="";
include 'entete.php';
include 'haut.php';
?>
 
<head>	
              <script src="jquery.js" type="text/javascript" ></script>
              <script src="exemple.js" type="text/javascript" ></script>
			  <script src="filtre.js" type="text/javascript" ></script>
<script language="javascript">
 
</script>
<SCRIPT language="javascript">
function ouvre_popup(page) {
window.open(page,"nom_popup","menubar=no, status=no, scrollbars=no, menubar=no, width=200, height=100");
}
</SCRIPT> 
</head>
<body>
<div id="total_contenu">
<div id="content" class="style_page1">
<p>
<strong>liste des appels</strong> : 
</p>
 
</select>
<select size=1 name="statut">
<option value="0">non soldé</option>
<option value="10">soldé</option>
<option value="tous">tout</option>
</select>
 
 
<?php  $reponse = mysql_query("SELECT * FROM client_style" );
 
    echo "<SELECT class='select-client' NAME='clst_id' onChange='FocusObjet()'>";
     ?>
       <option onclick="tous();" value="tous">tous</option>
<?php
    while ($donnees = mysql_fetch_array($reponse) )
    {
?>  
    <option onclick="masque();" value="id_client-<?php echo $donnees['clst_id']; ?>"><?php echo $donnees['clst_name'] ?></option>
 
    <?php
 
    } 
	?>
	</select>
 
</form>
<label for="filter">Filter</label>  
<input type="text" name="filter" value="" id="filter" /> 
 
<table border=1 width="100%">
<table border="1" width=100% cellspacing="1" cellpadding="3" align=center >
    <tr bgcolor=448844 class="ligne1">
    <td align=center><font face="Arial" size=2>ID appel</font></td>	
    <td align=center><font face="Arial" size=2>Nom client</font></td>
    <td align=center><font face="Arial" size=2>titre</font></td>
	<td align=center><font face="Arial" size=2>DESCRIPTIF</font></td>
    <td align=center><font face="Arial" size=2>SUP</font></td>
    </tr>
</div>
<div id="tableau" class="tableau">
<?php
    $reponse = mysql_query("SELECT *
FROM appel 
INNER JOIN client_style  
WHERE idclient = clst_id "  );
{
   while ($donnees = mysql_fetch_array($reponse) )
      {
         $idappel  = $donnees['idappel'];
         $titre  = $donnees['titre'];
         $descriptif = $donnees['descriptif'];
         $idclient = $donnees['idclient'];
                 $clst_name = $donnees['clst_name'];
         // Affichage du r?sultat dans la table "r?sultat"
         echo"<tr class=\"id_client-".$idclient."\"><td align='center'><font size='2' face=Verdana><a href=popup-articles.php?idappel=".$idappel.">$idappel</font></a></td>
                          <td align=center><font size='2' face=Verdana><a href=articles.php?clst_name=".$clst_name.">$clst_name</font></a></td>
              <td align='center'><font size='2' face=Verdana>$titre</font></td>
              <td align=center><font size='2' face=Verdana>$descriptif</font></td>
              <td align=center><font size='2' face=Verdana><a href=\"hist.php";
              if ($droitusersurpage>=0) {echo "?idappel=".$idappel."&titre=".$titre."&modifier";}
              echo "\">Modifier</a></font></td></tr>";
      }  // end while
}
 
 
  // deconnecte de la base
  mysql_close(); 
?>
</div>
</table>

1) Comme vous pouvez voir, j'ai créer un champs "filter" et j'aimerais que celui ci filtre mes donnée dans le tableau (et en particulier dans la colone "clst_name")
J'ai essayé d'utiliser le plugin jquery uitablefilter, mais en vain... Je ne comprend pas trop comment faire, et peu d'explication sont en Français.

2) J'arrive a filtrer actuellement en fonction de mon menu deroulant clst_id
Mais j'aimerais filtrer doublement avec mon menu déroulant soldé. Est -il possible?

Je vous remercie par avance.

C'est pourquoi je sollicite votre aide.

**sekaijin** · 29/07/2012, 14h33

bonjour.

je suppose que dans ton école même si t'as pas fais de php on t'a appris à structurer ton code.

Alors une petite séparation MVC serait la bien venue car là c'est la pagaille

ensuite tu as choisi JQuery je te conseille donc de poster tas question dans le forum JQuery (ça aide)

enfin tu utilise window.open sans aucune vérification.
les paramtres que tu passe peuent avoir été désactivé par le navigateur pire l'utilisateur peut avoir interdit les popup

ouvrir un page sans s'assurer qu'elle c'est bien ouverte est un risque d'erreur.

enfin

Comme vous pouvez voir, j'ai créer...

ben non on ne vois pas!

règle numéro 1 Poster dans le bon forum
règle numéro 2 Poster le code HTML Généré et non le php ou autre asp
règle numéro 3 Expliquer précisement le message d'erreur

A+JYT

**Watilin** · 29/07/2012, 21h23

Autant prendre de bonnes habitudes tout de suite

Écris les noms et attributs des balises HTML en minuscules.
Oublie les attributs language (balise <script>), border, cellspacing, cellpadding (balise <table> et associées) ainsi que align, color, bgcolor, center, la balise <font> et encore quelques autres, ils sont tous dépréciés. Pour modifier l'apparence de ton HTML, utilise CSS.
Évite à tout prix d'imbriquer les <table>, ça demande beaucoup de CPU lors de l'affichage dans le navigateur, et puis c'est généralement signe d'une mauvaise structuration de la page.
Les attributs évènementiels onclick, onchange, etc. ne sont pas dépréciés, mais déconseillés car ils obligent à mélanger le code JavaScript et le code HTML. Puisque ton projet intègre jQuery, tu devrais utiliser exclusivement les gestionnaires d'évènements de jQuery.
déclare un Doctype au début de toutes tes pages. Peut-être que ton code PHP le fait déjà (je ne peux pas le deviner), dans ce cas ne tiens pas compte de ce conseil.
Je vois des requêtes SQL non sécurisées dans ton code, c'est la porte ouverte aux injections SQL. Utilise les PDO, en plus tu verras, c'est orienté objet, ça rendra ton code beaucoup plus clair

Pour le reste, étant donné que tu as posté dans le forum JavaScript, on va s'intéresser à l'aspect JavaScript de ton problème. C'est pourquoi, comme l'a fait remarquer Sekaijin, tu devrais nous montrer le code généré par ton serveur, et non le code source PHP. Pour ça, ouvre la page dans ton navigateur, puis va dans les menus et cherche une commande qui ressemble à « afficher le code source de la page ».

**SpaceFrog** · 30/07/2012, 09h12

une fois tout cela assimilé...
Encore un peu de lecture http://javascript.developpez.com/faq...er#FiltreTable

**byakko** · 03/08/2012, 00h15

Bonsoir,

Tout d'abord merci beaucoup pour vos conseils!
Je suis en train de retravailler mon code de maniéré "plus propre"
En faite, je ne suis pas dans une école d'informatique. On a donc eu aucun cours en programmation. Mais j'ai du apprendre la programmation spécialement pour mon projet.

J'ai appliquez vos conseils (en grande partie je n'ai pas terminé)
Je n'ai plus qu'a appliquer le lien concernant la tablefilter

Tableau dynamique avec script

JavaScript

Discussions similaires

Partager

Partager