Débutant aimerait savoir lier du javascript à un tableau php

**vinkey_33** · 30/11/2016, 09h23

Bonjour es ce que c'est possible depuis javascript de faire une selection d'une ligne d'un tableau qui est en php ou d'une liste déroulante et aussi j'aimerais savoir aussi si c'est possible de créé la meme interface que access je m'explique j'ai réalisé un module qui permet de faire des action par apport au employé avec leurs téléphone par ex: dépannage, casse, remplacement etc... maintenant je voudrais le mettre en réseau de l'entreprise car comme sa tout le monde poura modifié le fichier depuis le serveur
j'ai réaliser cette interface
Nom : ex 4.png
Affichages : 504
Taille : 55,5 Ko

Nom : ex 4.png
Affichages : 504
Taille : 55,5 Ko

et voici l'interface que je voudrais:
Nom : ex 3.png
Affichages : 359
Taille : 52,4 Ko

Merci

**SpaceFrog** · 30/11/2016, 09h37

Un tableau n'est pas en php ...
il est peut être généré au moyen de php mais le résultat est en HTML, le navigateur du client ne sait interpréter que du HTML

Si je comprends bien le but est de permettre de modifier des données d'un tableau centralisé.

Il faudra je pense passer par une table de Base de données pour stocker les données.
Faire une requete sur la table pour générer un tableau HTML pour l'affichage
et donner la possibilité coté client de modifier les données sur le tableau et les renvoyer au serveur pour modifier la table.

Il existe des plugin jquery qui font à la fois l'affichage et la synchronisation avec une base de donnée distante...

**vinkey_33** · 30/11/2016, 09h50

voici mon code php / html

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
<?php require_once "PDO_connect.php";
 
$query="SELECT * FROM smartphone.abonnements";
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);
?>
<!DOCTYPE>
<html>
 <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>Abonnement</title>
 <link rel="stylesheet" type="text/css" href="Bouton.css">
 <link rel="stylesheet" type="text/css" href="TableauxAbonn.css">
 <link rel="stylesheet" type="javacrispt" href="select.js">
 
 </head>
 <style>
   .selline { background-color: silver;}
 </style>
 <body>
 <center><h1>Abonnements</h1></center>
  <center>
    <a class="Affectation" href="http://localhost/formulaire/Form_PHP/php_presque_fini/Affectation.php" rel="nofollow noopener noreferrer" target="_blank">Affectation</a>
    <a class="Equipement" href="http://localhost/formulaire/Form_PHP/php_presque_fini/Equipement.php" rel="nofollow noopener noreferrer" target="_blank">Equipement</a>
    <a class="Reaffectation_Equipement" href="http://localhost/formulaire/Form_PHP/php_presque_fini/Reaffectation_Equipement.php" rel="nofollow noopener noreferrer" target="_blank">Reaffectation Equipement</a>
    <a class="Nouvelle_Affectation" href="http://localhost/formulaire/Form_PHP/php_presque_fini/Nouvelle_Affectation.php" rel="nofollow noopener noreferrer" target="_blank">Nouvelle Affectation</a>
    <a class="Employe" href="http://localhost/formulaire/Form_PHP/php_presque_fini/Employe.php" rel="nofollow noopener noreferrer" target="_blank">Employe</a>
    <a class="Modele" href="http://localhost/formulaire/Form_PHP/php_presque_fini/Modele.php" rel="nofollow noopener noreferrer" target="_blank">Modele</a>
  </center>
  <br><br><br>
 <center>
  <table id="example" class="Tableau" >
   <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 onclick="getTrValues(event)">
   <?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></center>
  <br><br>
 
  <center>
  <?php
    $query = "SELECT USER_ID, Nom, Num_SIM, Num_ligne FROM select_nom_prenom_user ORDER BY Nom, Num_SIM, Num_ligne ASC";
    if($result = mysqli_query($link, $query));
    {
        echo'<select name="select_nom_prenom_user">';
        echo'<option value="" selected="selected" disabled="disabled">Selectionnée Nom/Num SIM/Num ligne</option>';
        while ($idresult = mysqli_fetch_row($result))
        {
            $USER_ID = $idresult[0];
            $Nom = $idresult[1];
            $Num_SIM = $idresult[2];
            $Num_ligne = $idresult[3];
 
            echo'<option value="' . $USER_ID . '">' . $Nom . '&nbsp;' . $Num_SIM . '&nbsp;' . $Num_ligne . '</option>';
        }
        echo'</select></p><p>';  
    }
    ?>
 </select><table><div id="saisie">
  <tr>
      <td>Operateur :<input id="_1" type="text" name="Operateur" value=""> </div></td>
   <td></td>
   <td>
        Num SIM :<input id="_2" type="text" name="Num_SIM" value=""></div>
      </td>
     </tr>
     <tr>
      <td>PUK : <input id="_3" type="text" name="PUK" value=""></div></td>
   <td></td>
   <td>
       Num ligne :<input id="_4" type="text" name="Num_ligne" value=""></div>
      </td>
     </tr>
     <tr>
      <td>
       Volume :<input id="_5" type="text" name="Volume" value=""></div>
      </td>
    <td></td>
    <td>
       Statut Abo :<input id="_6" type="text" name="Statut_abo" value=""></div>
      </td>
     </tr>
     </div>
  </table>
 </center>
 </body>
</html>

vous pourriez m'aiguillé s'il vous plaît

**SpaceFrog** · 30/11/2016, 10h42

Ton code php ne nous est d'aucun intérêt dans ce forum js ...
Le code HTML généré serait plus approprié

**vinkey_33** · 30/11/2016, 10h45

a ok désolé
mais vous aurais des exemple pour mon problème
merci

**SpaceFrog** · 30/11/2016, 10h48

Deux plugin intéressants :
http://www.trirand.com/blog/
https://datatables.net/

**vinkey_33** · 20/12/2016, 11h16

il me dit (sur la console) :

ReferenceError: $ is not defined et voici le code js:

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
$(document).ready(function() {
    var table = $('#example')abonnements();
 
    $('#example tbody').on( 'click', 'tr', function () {
        if ( $(this).hasClass('selected') ) {
            $(this).removeClass('selected');
        }
        else {
            table.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');
        }
    } );
 
    $('#button').click( function () {
        table.row('.selected').remove().draw( false );
    } );
} );

je n'arrive pas a décelé l'erreur, pouvez vous m'aidez

**Watilin** · 20/12/2016, 16h46

Vinkey_33,

tu as déjà ouvert au moins trois sujets pour le même problème, et tu donnes la méchante impression de ne pas lire les réponses qu’on te donne.

Parce que je suis gentil, je vais te redonner la réponse qui t’a été donnée cinquante fois : tu dois charger le script jQuery avant de charger les scripts des plugins.

Je te mets un -1 et c’est probablement la dernière fois que je t’aide, à moins que cette fois tu montres des signes de bonne volonté.

**vinkey_33** · 20/12/2016, 17h02

je les réussi a le chargé le jquery se charge mais le problème même si je le charge il m'affiche la même erreur regarde par toi même

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
?>
<!DOCTYPE>
<html>
<head>
<script src="JqueryTable.js" type="text/javascript" ></script>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>Abonnement</title>
 <link rel="stylesheet" type="text/css" href="Bouton.css">
 <link rel="stylesheet" type="text/css" href="Select.css">
<script type="text/javascript">
$(document).ready(function() {
    var table = $('#example').DataTable();
 
    $('#example tbody').on( 'click', 'tr', function () {
        if ( $(this).hasClass('selected') ) {
            $(this).removeClass('selected');
        }
        else {
            table.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');
        }
    } );
 
    $('#button').click( function () {
        table.row('.selected').remove().draw( false );
    } );
} );
alert (jQuery.fn.jquery) 
 
</script>

parcontre la ligne:

Code :

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

 <Script language = type "javascript" = "text / javascript" src = "js / accordéon commune / jquery-3.1.1.min.js"> </ script>

est dans

Code :

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

<script src="JqueryTable.js" type="text/javascript" ></script>

**NoSmoking** · 21/12/2016, 10h09

Bonjour,

Envoyé par vinkey_33

parcontre la ligne:
<Script language = type "javascript" = "text / javascript" src = "js / accordéon commune / jquery-3.1.1.min.js"> </ script>.
est dans
<script src="JqueryTable.js" type="text/javascript" ></script>

Ta première ligne est pour le moins « curieuse » mais ce qui est important c'est qu'un fichier source javascript ne DOIT CONTENIR QUE DU CODE !

**vinkey_33** · 26/12/2016, 12h15

Bonjour,
j'ai soucis sur mon code, il ne fonctionne pas, le principe de mon code est de sélectionné une ligne de mon tableau via la souris. j'ai vérifié avec firebug il y a aucune erreur, voici mon code

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
<?php require_once "PDO_connect.php";
 
$query="SELECT * FROM smartphone.abonnements";
try{
  $prep = $bdd->prepare($query);
  $prep->execute();
  $resultats = $prep->fetchAll();
  
}catch(Exception $e){;
  echo "Erreur ! ".$e->getMessage() ;
}
?>
<!DOCTYPE>
<html>
<head>
 <title>Abonnement</title>
 <link rel="stylesheet" type="text/css" href="Select.css">
 <style>
 </style>
 <script type="text/javascript">
function dataTable()
$(document).ready(function() {
     var table = $('#example').dataTable();
    $('#example tbody').on( 'click', 'tr', function () {
        if ( $(this).hasClass('selected') ) {
            $(this).removeClass('selected');
        } 
        }
         );
 
    $('.button').click( function () {
        table.row('.selected').remove().draw( false );
    } );
 } ); 
</script>
</head>
<body>
<center>
  <table id="#example" 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></center>
</body>
</html>

Merci

Débutant aimerait savoir lier du javascript à un tableau php

jQuery

Vue hybride

Discussions similaires

Partager

Partager