Sélectionner ligne tableau à partir d'une liste déroulante

**vinkey_33** · 25/01/2017, 12h15

Bonjour, j'ai une difficulté a finir mon code je m'explique, j'aimerais en query selectionné
un nom a pertir d'un liste déroulante pour qu'ensuite il aille sur ligne de mon tableau.
par exemple : si je selectionne ADRAGNA comme sur l'image j'aimerai qu'il selectionne
la ligne de mon tableau lié a ce nom , voici le code que j'ai commencé et que j'arrive
pas a terminé ainsi que l'image qui illustre ma demande:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
        @en_tete= "SELECT USER_ID, Nom, Num_SIM, Num_ligne FROM select_nom_prenom_user"
    @QWhereChamp="Operateur"
    @querychamop="Nom"
    @querychamp=@Contliste
    @QWhereContenue=[""]
    @QWhere1="where ['Orange']=['Orange']"
    @QWhere2="where [SIM] = 'Nom'"
    @QueryWhere=@query & @QWhere1
    @query &"where [""&querychamp&""] = " & @QWhereContenue

Nom : ex tabl list.png
Affichages : 982
Taille : 26,9 Ko

Merci

**NoSmoking** · 25/01/2017, 15h43

Bonjour,

j'ai une difficulté a finir mon code je m'explique,

du code que tu montres il sera très difficile de t'aider

Pour le principe, si j'ai compris, il te faut parcourir les cellules du tableau, <td> jusqu'à rencontrer la valeur cherchée puis remonter à son parent la <tr>.

Pour la suite les réponses qui t'ont été faites dans tes autres discussions t'apportent les solutions.

**vinkey_33** · 25/01/2017, 16h01

vous pouvez me donnez un exemple car je fouille le net sans succès
Merci,

**NoSmoking** · 25/01/2017, 19h00

...car je fouille le net sans succès

ce n'est pas sur le net qu'il faut chercher du tout fait mais dans ses neurones

Je maintiens qu'en lisant scrupuleusement les réponses qui t'ont été faites et en suivant les liens tu aurais trouvé, non pas le code applicable directement, mais les grandes lignes, avec exemple, à suivre.

Je te mets un exemple complet de ce que tu pourrais faire, avec un peu d'effort ...

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
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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Search in table</title>
<meta name="Author" content="NoSmoking">
<style>
html, body{
  margin: 0;
  padding: 0;
  font: 1em/1.25 Verdana, sans-serif;
  background: #FFF;
}
#main {
  max-width: 60em;
  margin: auto;
}
h1, h2, h3 {
  color: #069;
  margin: .25em 0;
}
select {
  font: inherit;
  width: 8em;
}
table {
  border-collapse: collapse;
}
td {
  padding: 0.5em;
  border: 1px solid #888;
}
.selected{
  color:red;
  background-color: #EEE;
}
</style>
</head>
<body>
<div id="main">
  <h1>Search in table</h1>
  <p>
    <select>
      <option value="~">Choix</option>
      <option value="Lig #1">Lig #1</option>
      <option value="Col #2">Col #2</option>
      <option value="Lig #3">Lig #3</option>
    </select>
  </p>
  <table>
    <tr>
      <td>Lig #1 Col #1</td>
      <td>Lig #1 Col #2</td>
    </tr>
    <tr>
      <td>Lig #2 Col #1</td>
      <td>Lig #2 Col #2</td>
    </tr>
    <tr>
      <td>Lig #3 Col #1</td>
      <td>Lig #3 Col #2</td>
    </tr>
    <tr>
      <td>Lig #4 Col #1</td>
      <td>Lig #4 Col #2</td>
    </tr>
  </table>
</div>
<script>
var oTDs = document.querySelectorAll('td');
var oSelect = document.querySelector('select');
function action(val) {
    var trouve,
    i,  nb = oTDs.length;
    for (i = 0; i < nb; i += 1) {
        trouve = oTDs[i].textContent.indexOf( val) > -1;
        oTDs[i].parentNode.className = trouve ? 'selected' : '';
    }
}
oSelect.onchange = function () {
    action(this.value);
};
</script>
</body>
</html>

Maintenant il faut que tu arrêtes de chercher, sur le net, et que tu trouves comment l'utiliser dans ton contexte

**vinkey_33** · 02/02/2017, 11h02

bonjour, j'ai réaliser un code en m'aidant de ton exemple parcontre j'ai un petit soucis de variable ou de syntaxe voici le code:

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
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
 
<?php require_once "PDO_connect.php";
$query="SELECT * FROM smartphone.select_nom_prenom_user";
try{
  $prep = $bdd->prepare($query);
  $prep->execute();
  $resultats = $prep->fetchAll();
  
}catch(Exception $e){;
  echo "Erreur ! ".$e->getMessage() ;
}
$host = "localhost";
$user = "root";
$pass = "Mm101010";
$dbn = "smartphone";
      $link = mysqli_connect($host, $user, $pass, $dbn);
$type_gestion = 1; 
switch ($type_gestion) {
    case '1':
        if (PHP_VERSION_ID < 50400) error_reporting (E_ALL | E_STRICT);
        else error_reporting (E_ALL);
  ini_set('display_errors', true);
  ini_set('html_errors', false);
  ini_set('display_startup_errors',true);     
        ini_set('log_errors', false);
  ini_set('error_prepend_string','<span style="color: red;">');
  ini_set('error_append_string','<br /></span>');
  ini_set('ignore_repeated_errors', true);
    break;
}
?>
<!DOCTYPE>
<html>
<head>
 <title>Abonnement</title>
<script type="text/javascript" src="https://cdn.datatables.net/3.1.0/js/jquery.dataTables.min.js"></script>
 <link rel="stylesheet" type="text/css" href="Select.css">
 
  <style>
  #selectable .ui-selected { background: #0000FF; }
  #selectable .ui-selecting { background: #0000FF; }
  </style>
  <script type="text/javascript"></script>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#selectable" ).selectable();
  } );
function affiche(tag)
{
 msgfield = document.getElementById("id_champ");
 
 msgfield.value = tag ;
        msgfield.focus();
}
var oTDs = document.querySelectorAll('td');
var oSelect = document.querySelector('select');
function action(val) {
    var trouve,
    i,  nb = oTDs.length;
    for (i = 0; i < nb; i += 1) {
        trouve = oTDs[i].textContent.indexOf( val) > -1;
        oTDs[i].parentNode.className = trouve ? 'selected' : '';
    }
}
oSelect.onchange = function () {
    action(this.value);
};
@en_tete= "SELECT `select_nom_prenom_user`.`USER_ID`, `select_nom_prenom_user`.`Nom`, `select_nom_prenom_user`.`Num_SIM`,`select_nom_prenom_user`.`Num_ligne` FROM select_nom_prenom_user WHERE (`select_nom_prenom_user`."
 
 
    @QWhere="`" & @nomchamp & "` " & @contenuchamp & ")"
 
 
function clic() { document.getElementById("onclic").innerHTML = ""; }
 
    @nomchamp = "Nom"
    @contenuchamp = $Nom
    @query= @en_tete & @QWhere
    $result = mysqli_query($link, $query)
 
end onclic liste
 
 
 
 
    @nomchamp = "Num_SIM"
    @contenuchamp = $Num_SIM
    @query= @en_tete & @QWhere
    $result = mysqli_query($link, $query)
</script>
</head>
<body>
<center>
  <table id="selectable" class="DataTable" >
   <thead>
   <tr>
     <th>Operateur</th>
     <th>SIM</th>
     <th>PUK</th>
     <th>Num ligne</th>
     <th>Volume</th>
     <th>Statut abo</th>
   </tr>    
   </thead><tbody>
   <?php
   echo "<br>";
   if(!empty($resultats)){
   foreach  ($resultats as $row) {
 
      echo "<tr>";
      echo "<td data-name=\"Operateur\">".$row["Operateur"]."</td>";
      echo "<td data-name=\"Num_SIM\">".$row["Num_SIM"]."</td>";
      echo "<td data-name=\"PUK\">".$row["PUK"]."</td>";
      echo "<td data-name=\"Num_ligne\">".$row["Num_ligne"]."</td>";
      echo "<td data-name=\"Volume\">".$row["Volume"]."</td>";
      echo "<td data-name=\"Statut_abo\">".$row["Statut_abo"]."</td>";
      echo "</tr>";
   }
     }else {
   echo "Pas d'enregistrements dans cette table...";
   }
  
      ?>
      </tbody></table><br><br>
      <?php
$select = "SELECT `select_nom_prenom_user`.`USER_ID`, `select_nom_prenom_user`.`Num_SIM`, `select_nom_prenom_user`.`Num_ligne`, `select_nom_prenom_user`.`Nom`
FROM `select_nom_prenom_user`
WHERE (`select_nom_prenom_user`.`Nom` " & $ANDRE & ")"
    if($result);
 
        echo'<option value="" selected="selected" disabled="disabled">Selectionnée : Nom</option>';
        while ($idresult = mysqli_fetch_row($result))
        {
            $USER_ID = $idresult[0];
            $Nom = $idresult[1];
 
            echo'<option value="' . $USER_ID . '">' . $Nom . '</option>';
        }
        echo'</select></p><p>'; 
    }?>

Merci de votre attention

Invité · 02/02/2017, 14h11

Bonjour,

Bravo Docteur Frankenstein !
Tu as pris des bouts de code au hasard et tu les as passés au mixer ?
Chapeau l'artiste : c'est du grand n'importe quoi, de première classe...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<?php require_once "PDO_connect.php";
...
      $link = mysqli_connect($host, $user, $pass, $dbn);
...

PDO ? mysqli ? Il faudrait savoir...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
  <script>
...
end onclic liste
...
    @nomchamp = "Num_SIM"
    @contenuchamp = $Num_SIM
    @query= @en_tete & @QWhere
    $result = mysqli_query($link, $query)
</script>

C'est quoi ce binzz ??

Ce n'est même plus une question d'"erreur de syntaxe" : tu mélanges allegrement plusieurs langages de programmation !

Comme le dit NoSmoking, il faut activer tes neurones...

N.B. Et montrer du code SANS explications NI messages d'erreur ou autre......... DONC sous-entendu "Débrouillez-vous avec ça !" : ce n'est pas bien........ Du tout.

Sélectionner ligne tableau à partir d'une liste déroulante

JavaScript

Vue hybride

Discussions similaires

Partager

Partager