calculer le width d'un <tr>

**nicerico** · 28/11/2006, 11h39

Bonjour

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

Code :

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

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"].'&nbsp;</td>';
}
</tr></table>

je voudrais creer une nouvelle ligne lorsque le cumul des <td> atteint 500px
comment est ce possible?

merci de votre aide

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

Code :

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

document.getElementById('iddetontr').offsetWidth

**nicerico** · 28/11/2006, 13h52

merci,

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

Code :

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

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"].'&nbsp;</td>';
$aff_part .='<script language="JavaScript" type="text/javascript">alert(document.getElementById("longTR").offsetWidth);</script>';

affiche "0" à chaque fois...
merci

**avogadro** · 28/11/2006, 21h10

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 :

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
<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> <!-- regulateur -->
<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>

**nicerico** · 30/11/2006, 18h27

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

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

calculer le width d'un <tr>

JavaScript

Vue hybride

Discussions similaires

Partager

Partager