expand/collapsed dynamiquement un tableau

Version imprimable

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:

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>

18/12/2012, 17h10
Bovino

Il faudrait nous montrer le code HTML généré, pas le PHP.
19/12/2012, 12h34
enamorada

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)
19/12/2012, 13h20
SpaceFrog

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 ...

voici le code de la page que je visualise

Code:

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>

19/12/2012, 13h44
Bovino

C'est à se demander si tu le fais pas exprès... :roll:

Donc merci de lire Les règles incontournables d'utilisation de ce forum et de poster le code HTML généré !
21/12/2012, 09h13
enamorada

j'ai pas bien compris comment je peux le faire :?
21/12/2012, 09h36
Torgar

Salut,

Clic droit sur ta page -> Afficher la source

Et tu copie/colle le contenu ici.