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:
Recherche
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 <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>
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 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.
Ajour ligne tableau.
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 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; } } }
fichier 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 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); }
A +
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 <?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 "]}"; ?>
Partager