Bonjour , je suis débutante en Web, je suis en train de faire une interface de monitoring , j'ai fait 3 boutons radio pour chaque boutons radio je dois l'associer avec un combobox qui va afficheer toutes les valeurs possibles existants dans la base Mysql..et selon la valeur qu'on choisie , je fais l'extraction : ici c'est mon code html
ici code js:
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 <form class="recherche active" style="width: 1160px;"> <h3>Find HDD Over Date</h3> <div class="column"> <div> <label>Start Date:</label> <input type="date" id="date_debut" name="date_debut" value="<?php echo date('Y-m-d');?>" /> </div> </div> <div class="column"> <div> <label>End Date:</label> <input type="date" id="date_fin" name="date_fin" value="<?php echo date('Y-m-d');?>" /> </div> </div> <input type="radio" name="Critere" value="Model" checked> Model <input type="radio" name="Critere" value="Capacity">Capacity <input type="radio" name="Critere" value="W_D">Wiping Duration <br> <div class="column"> <div></div> </div>ici c'est mon code PHP correspondant à l'affichage : j'ai fais un tri mais je veux changer de fonctionnement : je veux qu'il fera l'extraction selon la valeur choisie : par exemple si j'ai coché capacité :une liste dans comboxbox apparait pour selectionner une valeur : si j'ai choisi 200 GO par Exmple L'affichage doit contenir tous les disques dur de capacité 200 Seulment ! si Je coche un modele : je choisi l'un des models ! et selon cette valeur il affiche uniquement les disques dur de ce modele .
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 function setExportUrl() { var newhref = export_url+"?id=0"; $('.recherche.active input').each(function(k, v) { // On créé un lien de type : /nom_input/valeur/input (avec un boucle pour récupérer tous les inputs & valeurs if ($(v).attr('name') == 'Critere' && $(v).filter(":checked").val() != undefined){ newhref = newhref + '&'+ $(v).attr('name')+'='+ $(v).filter(":checked").val(); }else if ($(v).attr('name') != 'Critere') { newhref = newhref + '&'+ $(v).attr('name')+'='+ $(v).val(); } }); $('#csv').attr('href', newhref); } WEBROOT = window.location.origin + '/Test'; $(document).ready(function() { //effectuer le //setTimeout(function() { ma_function(); // }, 3000) }); // ma_function(); function ma_function() { var fin = $('#date_fin').val(); var debut = $('#date_debut').val(); var critere = $("[name='Critere']").filter(":checked").val(); var param = 'd_fin='+fin+'&d_debut='+debut+'&critere='+critere; var html='' $.ajax({ type: "POST", url: WEBROOT + '/index/GetDisqueDate', data: param, dataType: 'json', async: false, success: function(data) { $.each(data,function(index,val){ html+= '<tr><td>'+val.SN+'</td>'; html+='<td>'+val.Model+'</td>'; html+='<td>'+val.Capacity+'</td>'; html+='<td>'+val.W_D+'</td>'; html+='<td>'+val.Description+'</td>'; html+='<td>'+val.N_ON_H+'</td>'; html+='<td>'+val.W_F_S+'</td>'; html+='<td>'+val.Slot_Pos+'</td>'; html+='<td>'+val.ID_Mach+'</td>'; html+='<td>'+val.ID_op+'</td>'; //html+='<td>'+val.SMART_S+'</td></tr>';//.toFixed(2) //html+='<td><div id="progress"><p><strong>'+ modifValues(val.D_T,val.W_D).toFixed(0) +'%</strong></p><progress value=' + modifValues(val.D_T,val.W_D)+ ' min="0" max="100"></progress></div></td></tr>' }); $("#keywords tbody").html(html); } }); setTimeout(ma_function,3000); // }
Merci
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 function FindDisqueDate($d_debut,$d_fin,$critere) { $cnx = new Connection(); try { $sql = "SELECT * FROM disque WHERE D_T BETWEEN '$d_debut' AND '$d_fin' ORDER BY $critere DESC;"; return $cnx->getDB()->query($sql)->fetchAll(2); } catch (PDOException $e) { echo $e->getMessage() . "<br>"; echo "la requete n'est pas valide"; exit; } }
Partager