[AJAX] Effacer données dans une liste.
Bonjour tout le monde
Je créé un moteur de recherche qui affichera un liste d'utilisateur enregistrer dans ma base de données.
Je souhaite pouvoir effacer certains utilisateurs, si nécessaire.
Voici ma question, comment ajouter automatiquement un checkbox ou un autre composant dans la liste pour selectionner une ou plusieurs ligne(s).
Voici ce que j'ai déja réalisé.
Le tableau:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<table width="400" border="1" bordercolor="#CC0000" align="center" cellspacing="0" >
<tr>
<td id="del">
</td>
<td>
Nom
</td>
<td>
Prénom
</td>
<td>
Fonction
</td>
<tbody id="tableListe">
</tbody>
</table> |
Recherche
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
objetXHR3 = creationXHR();
function recherche(){
if(document.getElementById('nam').value == ""){
alert("Champ recherche nom, vide");
}
else{
var temps = new Date().getTime();
var parametres3 = "nam="+ codeContenu("nam") + "&anticache="+temps ;
objetXHR3.open("get","cherchuser.php?"+parametres3, true);
objetXHR3.onreadystatechange = afficherUser;
objetXHR3.send(null);
}
} |
Affiche résultat de la recherche.
Code:
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
|
function afficherUser(){
if (objetXHR3.readyState == 4) {
if (objetXHR3.status == 200) {
listeJSON = objetXHR3.responseText;
objetJSON3=listeJSON.parseJSON();
var tableListe=document.getElementById("tableListe");
supprimerContenu(tableListe);
for(i=0;i<objetJSON3.gains.length;i++){
var nom = objetJSON3.adminuser[i].nom;
var prenom = objetJSON3.adminuser[i].prenom;
var fonctio = objetJSON3.adminuser[i].fonction;
nouvelleLigne(tableListe,nom,prenom,fonctio);
}
}else{
var erreurServeur="Erreur serveur : "+objetXHR3.status+" – "+ objetXHR3.statusText;
remplacerContenu("info", erreurServeur);
document.getElementById("info").style.visibility="visible";
document.getElementById("recher").disabled= false;
objetXHR3.abort();
objetXHR3=null;
}
}
} |
Ajour ligne tableau.
Code:
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
|
function NouvelleLignes(tab,text1,text2,text3){
var nouveauTR=document.createElement('tr');
var nouveauTD1=document.createElement('td');
var nouveauTXT1=document.createTextNode(text1);
nouveauTD1.appendChild(nouveauTXT1);
var nouveauTD2=document.createElement('td');
var nouveauTXT2=document.createTextNode(text2);
nouveauTD2.appendChild(nouveauTXT2);
var nouveauTD3=document.createElement('td');
var nouveauTXT3=document.createTextNode(text3);
nouveauTD2.appendChild(nouveauTXT3);
nouveauTR.appendChild(nouveauTD1);
nouveauTR.appendChild(nouveauTD2);
nouveauTR.appendChild(nouveauTD3);
tab.appendChild(nouveauTR);
} |
fichier php
Code:
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
|
<?php
header("Content-Type: text/plain ; charset=utf-8");
header("Cache-Control: no-cache , private");
header("Pragma: no-cache");
if(isset($_REQUEST['nam'])) $nam=$_REQUEST['nam'];
else $nam="inconnu";
require_once('connexionMysql.php');
mysql_select_db($base);
$requeteSQL=" SELECT nom,prenom,fonction FROM adminuser WHERE nom='".$nam."'";
$reponseSQL = mysql_query($requeteSQL);
$debut = true;
$nbColonnes=mysql_num_fields($reponseSQL);
echo "{\"adminuser\":[";
if (mysql_num_rows($reponseSQL)){
while ($ligne = mysql_fetch_array($reponseSQL)) {
if ($debut){
echo "{";
$debut = false;
} else {
echo ",{";
}
for($j=0;$j<$nbColonnes;$j++){
$colonne=mysql_field_name($reponseSQL,$j);
echo "\"".$colonne."\":\"". utf8_encode($ligne[$colonne])."\"";
}
}
echo "]}";
?> |
A +
