Utiliser une variable pour modifier la taille d'une cellule <td>

Version imprimable

04/06/2010, 16h18
morora69

Utiliser une variable pour modifier la taille d'une cellule <td>

Bonjour a tous,

Je suis actuellement en cours de développement d'un portail en Html intégrant du Javascript.

Mon programme doit permettre de générer un tableau avec un nombre de ligne variable (je fais ca ave un while, c'est niquel).
Le truc c'est qu'a chaque ligne, il y'a trois cases de taille variable et je dois me demmerder pour que ces 3 cases fasse 100% de la largeur du tableau.

Je vois comment faire, le seul probleme est que le pourcentage de la taille du tableau est dans une variable et je ne vois pas comment inserer ma variable dans mon Document.write('<td width="Ma variable %" ');

Quelqun aurait une idée pour m'aider a resoudre mon probleme?

D'avance merci.
04/06/2010, 16h49
dukej

Citation:

Envoyé par morora69

Bonjour a tous,

Je suis actuellement en cours de développement d'un portail en Html intégrant du Javascript.

Mon programme doit permettre de générer un tableau avec un nombre de ligne variable (je fais ca ave un while, c'est niquel).
Le truc c'est qu'a chaque ligne, il y'a trois cases de taille variable et je dois me demmerder pour que ces 3 cases fasse 100% de la largeur du tableau.

Je vois comment faire, le seul probleme est que le pourcentage de la taille du tableau est dans une variable et je ne vois pas comment inserer ma variable dans mon Document.write('<td width="Ma variable %" ');

Quelqun aurait une idée pour m'aider a resoudre mon probleme?

D'avance merci.

Heu normalement tu n'as pas du tout besoin, puisque les TD prennent toute la largeur du tableau.

et tu as mis un width:100% sur le tableau ?

mais tu peux nous donner ton code HTML ?
05/06/2010, 09h59
SpaceFrog

http://www.developpez.net/forums/d47...hlight=tableau

si tu veux spécifier une largeur pour tes cellules, il suffit dans la première occurrence de la boucle (donc sur les premiers td) de forcer un

Code:

style="width:xxxpx"

Sinon un style width 100 % sur le table et le navigateur gère tout seul la repartition des largeurs, ce qui est de loin la meilleur solution car IE ne sait pas ajouter les pourcentages correctement et tu risque de te retrouver avec un dépassement de quelques pixels dû a des arrondis improbable de IE

Le probleme n'est pas que les cellules fassent 100% de la largeur,

J'ai toujours 3 cellules par ligne qui, a elles 3 representent 100% de la largeur.

L'ennui est que la largeur de ces 3 cellules est variable et calculée avant le tableau dans mon javascript.

Enfin ca fa etre plus clair la:

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
 
var site = 3;
 
 
document.write('ATTENTION! Cette page n\'est qu\'en test pour le moment, ne pas s\'y fier pour l\'instant. ');
document.write('<br/><br/>');
 
 
 
 
if(site == null)
	{
		document.write('Aucune donnée n\a été enregistrée');
	}
else
	{
 
	//Declaration des variables //
	var nbs				= 3
 
	var nbs_used 		= 5
	var nbs_licensed 	= 3
	var nbs_free 		= 2
 
	var total 			=	nbs_used + nbs_licensed + nbs_free
 
	var pct_used		=	( nbs_used / total ) * 100
	var pct_licensed	=	( nbs_licensed / total ) * 100
	var pct_free		=	( nbs_free / total ) * 100
 
 
 
	//DEBUT DU PROGRAMME //
 
	//mise en place de la structure avec table et premiere case : volumétrie utilisée //
 
		document.write('<table border="0" bgcolor="#000000" width="90%" cellspacing="0" height=110>');
 
		var i = 0;
			while(i < nbs)
				{
				document.write('<tr>');
 
				document.write('<td bgcolor="#FFFFCC" width="41%" > <font color="#000000"> 5 </font> </td> <td bgcolor="#CC3366" width="26%"> <font color="#FFFFFF"> 2 </font> </td> <td bgcolor="#9966FF" width="33%"> <font color="#FFFFFF"> 3 </font> </td>');
				document.write('<tr> <td colspan="3" border="0">  <td></tr>');
				document.write('</tr>');
 
				i++
				}
 
		document.write('<tfoot> <tr> <td colspan="3"> <img src="images/tableau_histo/pourcent.jpg" width="100%" </tr> </tfoot>');
		document.write('</table>');
	}

En fait a la place des 41, 26 et 33% j'ai besoin de récupérer les variables pct_used, pct_licensed et pct_free.

Les chiffres que j'ai mis ne sont pas fixes, ils sont la pour que je voie a peu pres ce que ca donnera une fois que ca marche...
Mais pour le moment ca marche pas :ccool:

07/06/2010, 15h16
morora69
Rebonjour a tous,

J'ai trouvé tout seul la solution a mon probleme, qui etait en fait toute bete :cry:

je me fais honte mais bon, au cas ou quelqun d'aussi peu logique que moi passe sur le forum, voici la reponse:
Code:

1 2 <td bgcolor="#FFFFCC" width="',pct_used, '%">
07/06/2010, 15h18
SpaceFrog

oui donc pour le coup une solution php et pas javascript ^^

haaaaaaaaaaaaa non une horrible "solution" (pansement) avec document.write ^^
07/06/2010, 16h17
morora69

Une horrible solution?

Le document.write devait etre la de toute facon, le fait de l'utiliser ne change rien :mrgreen:
07/06/2010, 16h21
SpaceFrog

je crois pouvoir affirmer que document.write est la fonction la plus dépassée et pourrie de javascript ...
07/06/2010, 16h27
morora69

Ah?

Je n'etais pas au courant...

Dans ce cas comment j'affiche tout ca dans mon nav?
Je ne la trouve pas si mal perso, elle repond bien et qui dit vieille dit supportée par la plupart.
07/06/2010, 16h52
SpaceFrog

justement non ^^
document.write à la facheuse tendance à ecraser le contenu précédent de la page
Je lui préfère de loin l'utilisation du DOM (createElement)