Discussion :

[cedrick21]

Bonjour à tous

je génère un tableau html avec des données.
le 1er <tr> contient 10 <td>
le 2e <tr> en contient autant mais est en display:hidden
lors d'un clic sur un lien du 1er <tr> j'affiche le second en JQuery (effet de déroulement)

Le problème c'est que la totalité de mon 2e <tr> s'affiche sous la cellule du 1er <td> comme si ce dernier avait un colspan à 10.
or ce n'est pas le cas ... et cela seulement sur Firefox

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
<tr class="ligne_1">
<td width="65" align="center"><a href="#" onclick="affCacheGestionExpe('311');return false;">17/11/2009</a></td>
<td width="115">Société</td>
<td width="90">Com32</td>
<td width="150">Carrefour</td>
<td width="125">Dupont Jean</td>
<td width="200" style="text-transform:lowercase;">Opération Carrefour</td>
<td width="65" style="text-align:center;">7</td>
<td width="125">	Expédiable à  86%</td>
<td width="16"><a href="index.php?com_cli=311"><img src="img/loupe.png" alt="" /></a></td>
<td width="16"><input type="checkbox" name="com[311]" value="311" id="com_311" style="margin:1px" /></td>
</tr>
<tr class="ligne_0" id="ligne_com_311" style="display:none;background:#aaa">
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
<td align="left">test</td>
</tr>

Concrètement, lorsque le 2e <tr> est caché il n'y pas de soucis ... mais quand on l'affiche les 10 "test" se retrouvent sous la date "17/11/2009"... au lieu d'être étalé sur les 10 colonnes ...

Si vous avez une idée je suis preneur

[cedrick21]

bon ben j'ai trouvé une solution
j'ai fait sauter le déroulement en jQuery du coup mais ça fonctionne !

Code :

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

1
2
3
4
5
6
7
function affCacheGestionExpe(idComCli)
{
	if(document.getElementById('ligne_com_'+idComCli).style.display	== '')
		document.getElementById('ligne_com_'+idComCli).style.display	=	'none';
	else
		document.getElementById('ligne_com_'+idComCli).style.display	=	'';
}

à la base je mettais display:block mais rien à faire j'avais le même problème alors j'attribue "rien" à display et ça fonctionne ... allez comprendre ...