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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
|
<!DOCTYPE html>
</html>
<head>
<title>editer type operation</title>
<script type='text/javascript'>
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) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
return xhr;
}
/**
* Méthode qui sera appelée quand une case est coché
*/
function go(){
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){
leTableau = xhr.responseText;
document.getElementById('tabeoperation').innerHTML = leTableau;
}
}
// utilisation du post
xhr.open("POST","ajaxSelectTypOper.php",true);
// ne pas oublier ça pour le post
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// ici, recuperation l'id du domaine (qui est la clé primaire de ma table domaine)
var checkboxes = document.getElementsByTagName("choix");
var MonTableau = new Array();
for (var i = 0, iMax = checkboxes.length; i < iMax; ++i) {
var check = checkboxes[i];
if (check.type=="checkbox" && check.checked)
{
//Acces ici à chaque checkbox cochée
domaine = check.name;
MonTableau[i]=domaine;
}
}
//envoi du tableau
//xhr.send("MonTableau="+MonTableau);
xhr.send("MonTableau="+JSON.stringify(MonTableau));
}
</script>
</head>
<link rel="stylesheet" href="styleTable.css" />
<body>
<h2>Choisir le programme que vous voulez editer</h2>
<!-- Bouton filter au debut pour demander à l'utilisateur s'il veut filtrer ou pas-->
<form>
<input type="submit" name="filter" value="filtrer avec Domaine">
</form>
<?php
$link=mysql_connect("localhost", "root", "" );
$bdd=mysql_select_db("basec3p",$link );
if(!$bdd){
die ('Impossible de sélectionner la base de données : ' . mysql_error());
}
//requette pour afficher les type df'operation quand on arrive sur la page (avant filtre , on affiche tout les type d'operation)
$reponse = mysql_query("SELECT * FROM typeoperation " );
//requette pour chercher la liste des domaine à mettre dans les checkbox
$rep2=mysql_query("SELECT DISTINCT domaine FROM domaine " );
//Si onn a cliquer sur le bouton "filtrer avec domaine"
if (isset($_GET['filter']))
{
?>
<fieldset style="width: 800px">
<legend>Critere d'affichage</legend>
<?php
//boucle pour afficher les checkbox
while($tousDomaine=mysql_fetch_array($rep2)){
?>
<input class="choix" type="checkbox" name="<?php echo $tousDomaine['domaine'] ?>" id="<?php echo $tousDomaine['domaine'];?> "/>
<label for="<?php echo $tousDomaine['domaine'];?>"><?php echo $tousDomaine['domaine'];?></label><br />
<?php
}?>
</fieldset>
</br><input id="idFiltre" type="button" value="ok" onclick='go()'/> <!-- VALIDER LE CHOIX-->
<?php
}
//AFFICHAGE DU TABLEAU PAR DEFAUT QUAND ON ARRIVE SUR LA PAGE AVANT DE FILTRER
else{
//$i=0; //pour l'affichage des numeros
?>
<table>
<caption>Liste de types d'operation APR</caption>
<div id='tabeoperation'>
<tr>
<th>Nom du type d'opération</th>
<th> Domaine associé </th>
<th> Editer </th>
<th> supprimer </th>
</tr>
<?php while($donnees = mysql_fetch_array($reponse))
{
//$i=$i+1; //incrementer le compteur
$typeoper=$donnees['typeoper'];
$domaineAssocie=$donnees['domaine'];
?>
<tr>
<td><?php echo $typeoper;?></td>
<td><?php echo $domaineAssocie;?></td>
<td><a href="updateTypeOper.php?action=edit&nom=<?php echo $typeoper; ?>"><img src="crayon.jpg" alt="edit" title="Editer ce type operation" /></a></td>
<td><a href="updateTypeOper.php?action=delete&nom=<?php echo $typeoper; ?>" onClick="javascript:return confirm('Voulez-vous vraiment supprimer cet élément ?')">
<img src="croix.jpg" alt="delete" title="Supprimer ce type d'opération" /></a></td>
</tr>
<?php
}
mysql_close($link);
?>
</div>
</table>
<?php
}
?>
<p><a href="updateDonneesAPR.html"><img src="BoutonRetour.jpg" title="retour" /> </a></p>
</body>
</html> |
filtrer avec checkbox les données mysql affichées par un tableau
Répondre avec citation
Partager