Masquer des lignes dans une table générée en PHP en fonction d'une variable à passer dans une fonction JS.

**epopy** · 27/11/2018, 14h25

Hello,
Voici mon problème. J'affiche dans une boucle php une table avec des lignes "parent" et des lignes "enfant". J'aimerai masquer/afficher ces dernières en cliquant sur la ligne "Parent" (genre bouton +).
Je part du code suivant que j'ai trouvé sur le net.

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
<html>
<head>
<script>
function toggle(thisname) {
 tr=document.getElementsByTagName('tr')
 for (i=0;i<tr.length;i++){
  if (tr[i].getAttribute(thisname)){
   if ( tr[i].style.display=='none' ){
    tr[i].style.display = '';
   }
   else {
    tr[i].style.display = 'none';
    }
   }
  }
 }
</script>
</head>
<body>
 
<table border="1">
<tr>
<td><span onClick="toggle('name');">Parent row</span></td>
</tr>
<tr name="fred1">
<td>child row1</td>
</tr>
<tr name="fred2">
<td>child row2</td>
</tr>
</table>
</script>
</body>
</html>

Le problème avec ce code c'est qu'il me masque toutes lignes à masquer (ici child row 1 et 2). J'aimerai pouvoir passer par une variable quelles lignes j'aimerai masque/voir.

Pour illustrer voici le code que j'utilise dans ma page avec la fonction toggle. Chaque ligne à afficher possède un identifiant (ici $ID) et Type (ici $ElementType):

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
while(....
 
if ($ElementType=='child')
{
    echo "<tr name='hide$ID'>";
}
else
{
    echo '<tr bgcolor="'.$color.'" style="height:25px">';
}   
if ($ElementType=='parent')
{
    $name='hide'.$ID;
    ?>
    <td class="calc-l"><span class="Style4"><span onClick="showhide('$name');"> 
    <?php
    echo $name.'</span></span></td>';

Comment modifier la fonction/code php pour que cela fonctionne ?

Merci d'avance

**SpaceFrog** · 27/11/2018, 15h00

Jette un oeil par là
https://www.developpez.net/forums/d1...eurs-colonnes/

**epopy** · 27/11/2018, 18h08

Ok merci. C'est ce que je recherche comme fonctionalité. Ca serai ca du coup:https://datatables.net/examples/api/row_details.html
Le problème c'est que je ne sait pas trop comment appeler la/les functions depuis mon code php.

**SpaceFrog** · 28/11/2018, 08h23

Pas forcément dataTable ...
L'idée serairt plutot de filtrer les lignes en les masquant avec javascript selon tes paramètres.

En tout état de cause pas avec php si tu veux que l'action se fasse coté client...

Regarde plus précisément ce message là https://www.developpez.net/forums/d1...s/#post5799838

Masquer des lignes dans une table générée en PHP en fonction d'une variable à passer dans une fonction JS.

JavaScript

Discussions similaires

Partager

Partager