calculer le width d'un <tr>

Version imprimable

Bonjour

j'ai un <table width ="500px"> rempli dynamiquement par des images et des liens
Code:

1 2 3 4 5 6 7 <table width="100%" border="0" cellpadding="0" cellspacing="2" align="center" style="table-layout:fixed"><tr> while($donnees = mysql_fetch_array ($req) ) { $aff_part .='<td valign="top" class="part_descript">'.$donnee["script"].' </td>'; } </tr></table>
je voudrais creer une nouvelle ligne lorsque le cumul des <td> atteint 500px
comment est ce possible?

merci de votre aide

28/11/2006, 11h47
Bisûnûrs

Code:

document.getElementById('iddetontr').offsetWidth

merci,

mais quelle maniere à adopter pour utiliser ce code?
une fonction qui envoie l'info 'width' à chaque tour de boucle?
Code:

1 2 3 4 5 $aff_part .='<tr id =longTR>'; while($donnees = mysql_fetch_array ($req) ) { $aff_part .='<td valign="top" class="part_descript">'.$donnees["script"].' </td>'; $aff_part .='<script language="JavaScript" type="text/javascript">alert(document.getElementById("longTR").offsetWidth);</script>';
affiche "0" à chaque fois...
merci

j'ai une petit début qui pourrait aider, faut juste un peu chercher parce que en fait je calcul la taille de mon tr (la taille de table, bien que tr soit plus grand que lui reste fix alors il fallait se baser la dessus) un moment il dépasse 500, donc je rajoute une ligne, mais le probleme c'est qui a dépassé les 500 donc il ne repasse pas dans la fonctions :s

Faut un peu changer tt ca quoi :
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 <html> <head> <script language="Javascript"> var i=1; function add_col(){ if (document.getElementById("ligne"+i+"").offsetWidth <= 500){ document.getElementById("ligne"+i+"").innerHTML += "<td width='10px' class='part_descript'>tssss</td>"; }else{ i = i + 1; document.getElementById("tablo").innerHTML += "<tr id='ligne'"+i+"'><td width='10px' class='part_descript'>tssss</td></tr>"; } } function di_moi(){ alert(document.getElementById("tablo").width); alert(document.getElementById("ligne1").offsetWidth); } </script> </head> <body> <table width="500px" border="1" id="tablo"> <tr id="ligne1"> <td width="0" class="part_descript"</td>  <td width="10px" class="part_descript">blop</td> </tr> </table> <br/> <input type="button" onClick="add_col();" value="add cols" /> <input type="button" onClick="di_moi();" value="dit" /> </body> </html>

30/11/2006, 18h27
nicerico

merci pour ton aide j'étudie tout ça.

petite precision : il faut que cela soit transparent et automatique
sans clic sur bouton