expand/collapsed dynamiquement un tableau

**enamorada** · 18/12/2012, 16h52

Bonjour,

j'affiche la liste des noms de mes objectifs à partir de la base de données sous forme de lien hypertexte .
et lorsque je clique sur un lien il m'affiche dans un tableau les informations nécessaires

mon souci que je veux faire expand/collapsed dynamiquement lorsque je clique sur le lien

j'ai trouvé un lien http://www.dynamicdrive.com/dynamici...edcollapse.htm

comment je peux faire pour que lorsque je clique sur le lien il m'affiche son tableau dynamiquement car lorsque je clique sur n'importe qq lien toujours il m'affiche le 1er tableau du premier lien ??

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
 
</script>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.js">
</script>
 
 
<script type="text/javascript">
 
animatedcollapse.addDiv('jason', 'fade=1,height=80px')
 
 
animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV 
}
 
animatedcollapse.init()
 
</script>
 
<?php
 
	     mysql_connect("localhost","root","");
		 mysql_select_db("base");
 
 
$resObjectif = mysql_query("SELECT Id,NomObj FROM objectif ORDER BY Id ");
 
		while($rowObjectif = mysql_fetch_assoc($resObjectif))
		{
		$idobj=$rowObjectif['Id'];
echo "<ul><IMG SRC='images/puce_bleue.png'>
<a href='javascript:animatedcollapse.toggle('jason');'>".$rowObjectif['NomObj']."</a>
</image></ul>";
  echo "<div id='jason' style='display:none'>    
			<table  width='462' border='1'  bordercolor='#3399FF' align='center' dir='rtl'>";
  echo "<tr bgcolor='#CCFFCC'>
	  <th bgcolor='#6699CC' align='center'></th>
 
$indicateurres = mysql_query("SELECT IdIndicateur,Nom FROM indicateur 
			WHERE IdObjectif='$idobj'") or die(mysql_error());
 
while ($rowindicateur= mysql_fetch_assoc($indicateurres))
{
echo "<tr><th width='234' bgcolor='#6699CC' align='center'>".$rowindicateur['Nom']."</th>";
}
echo "</tr></table></div>

**Bovino** · 18/12/2012, 17h10

Il faudrait nous montrer le code HTML généré, pas le PHP.

**enamorada** · 19/12/2012, 12h34

je travaille dans une page php et non html
je veux la faire dynamiquement
donc je récupéré l'id et j'affecte au lien pour que je puisse afficher le tableau d'information avec le code de javascript (expand/collapsed)

**SpaceFrog** · 19/12/2012, 13h20

c'est dommage car ici c'est un forum html ...

Et tu as l'air de ne pas savoir que même si tu travaille dans une page php,
ton navigateur ne voit pas la couleur du php, il ne sait interpréter que du html...

On te demande juste d'afficher le code source de la page quand tu la visualiser et de copier ce code ici ...

**enamorada** · 19/12/2012, 13h39

voici le code de la page que je visualise

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
 
<html dir=rtl xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
 
 <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.js">
</script>
 
 
<script type="text/javascript">
 
animatedcollapse.addDiv('jason', 'fade=1,height=80px')
 
 
animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV 
}
 
animatedcollapse.init()
 
</script>
</head>
 <body>
<?php
 
             mysql_connect("localhost","root","");
                 mysql_select_db("base");
 
 
$resObjectif = mysql_query("SELECT Id,NomObj FROM objectif ORDER BY Id ");
 
                while($rowObjectif = mysql_fetch_assoc($resObjectif))
                {
                $idobj=$rowObjectif['Id'];
echo "<ul><IMG SRC='images/puce_bleue.png'>
<a href='javascript:animatedcollapse.toggle('jason');'>".$rowObjectif['NomObj']."</a>
</image></ul>";
  echo "<div id='jason' style='display:none'>    
                        <table  width='462' border='1'  bordercolor='#3399FF' align='center' dir='rtl'>";
  echo "<tr bgcolor='#CCFFCC'>
          <th bgcolor='#6699CC' align='center'></th>
 
$indicateurres = mysql_query("SELECT IdIndicateur,Nom FROM indicateur 
                        WHERE IdObjectif='$idobj'") or die(mysql_error());
 
while ($rowindicateur= mysql_fetch_assoc($indicateurres))
{
echo "<tr><th width='234' bgcolor='#6699CC' align='center'>".$rowindicateur['Nom']."</th>";
}
echo "</tr></table></div>
</body>
</html>