Discussion :

[JauB]

Bonjour,
je crée une table HTML dynamiquement de la façon suivante :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<table id=<%=parametrageMenu[j].getCdtabl()%>
style="display:'none';position:absolute" class="bulle">
<%int l;
for (l = 0; l < sizeOption; l++) {%>
<tr>
<td><a
href="<%=parametrageOption[l].getJsp()%>.jsp?id=<%=parametrageMenu[j].getCdtabl()%>">
<%=parametrageOption[l].getFiller()%></a></td>
</tr>
<%}%>
</table>

mais lorsque j'essaie de récupérer la longueur et la largeur de la manière suivante :

Code :

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

1
2
3
4
5
6
 
 
function showMenu(arg)
{
   alert(document.getElementById(arg).style.width);
}

avec l'argument arg correspond à un id de ma table créée dynamiquement alors il ne m'affiche rien!
ce que j'ai remarqué c'est que je peux modifier le width de la table en faisaint :

Code :

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

1
2
3
4
5
6
 
 
function showMenu(arg)
{
   document.getElementById(arg).style.width= 90%;
}

mais je n'arrive pas à récupérer la valeur!
comment faire?

[SpaceFrog]

offsetWidth ?

[JauB]

je l'ai déjà essayé mais çe me retourne toujours un zéro!
je procéde comme suit :

Code :

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

1
2
 
alert(document.getElementById(arg).offsetWidth);

résultat : 0
!!

[E.Bzz]

Bonjour,

mais je n'arrive pas à récupérer la valeur!

il faut qu'elle soit explicitement définie (cf. forum CSS), ce qui n'est pas le cas ici

Code :

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

style="display:'none';position:absolute; width:800px;"

A+

[JauB]

Bonjour,
il faut qu'elle soit explicitement définie (cf. forum CSS), ce qui n'est pas le cas ici

Code :

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

style="display:'none';position:absolute; width:800px;"

A+

j'ai pas bien compris !
peux tu m'expliquer davantage?

[E.Bzz]

Pour pouvoir, en JS, récupérer la valeur d'une propriété CSS, il faut que celle-ci ait été définie (attribuée) explicitement ("en clair") : la taille ne sera pas récupérée si celle-ci dépend uniquement du contenu.
Avec le code ci-dessus, tu devrais récupérer "800" ...

Une petite recherche sur le forum CSS te donneras plus de détails

A+

[JauB]

Pour pouvoir, en JS, récupérer la valeur d'une propriété CSS, il faut que celle-ci ait été définie (attribuée) explicitement ("en clair") : la taille ne sera pas récupérée si celle-ci dépend uniquement du contenu.
Avec le code ci-dessus, tu devrais récupérer "800" ...

Une petite recherche sur le forum CSS te donneras plus de détails

A+

oui mais mon problème c'est que je ne sais pas à priori le width et le height de ma table, c'est en fonction de ma boucle qui la rempli que j'obtiens une table avec ces deux éléments.
donc ça ne serait pas possible de les fixer comme propriété CSS, tu vois?

[SpaceFrog]

Code :

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

display:'none'

sans les quotes... le reste du css serait pris en compte ...

Le sousci c'est que en plus en display none le offsetWidth ne retournera rien ... puisque l'objet est rétiré du flux de la page ...

[E.Bzz]

donc ça ne serait pas possible de les fixer comme propriété CSS, tu vois?

Oui, je vois, mais le problème reste le même

Tu n'as pas un moyen d' "estimer" en fonction du type de contenu généré ?

Sinon, tu peux fixer la largeur et laisser la hauteur s'adapter : suivant les cas, c'est plus facile à gérer ...

A+