Modifier des feuilles de styles en Javascript

Version imprimable

Bonjour,

dans une feuille de style externe, j'ai ces styles :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 div.tableContainer { width: 1000px; height: 630px; overflow: auto; } div.tableContainer table>tbody { overflow: auto; height: 550px; overflow-x: hidden; }
J'aimerais pouvoir modifier les valeurs de chaque height en Javascript.

Pour le 1er style j'ai fait :

Code:

document.getElementById("data").style.height = '300px';

Cela fonctionne mais je ne sais comment procéder pour le 2e style.

Merci d'avance pour votre aide. :)

07/08/2006, 16h02
FremyCompany

Voir de nombreux tutoriels sur la toile...

Attention à ne pas confondre style (= <balise style="") et CSS (document.styleSheets)
07/08/2006, 16h17
navis84

Merci. Je ne savais pas que l'on pouvait ajouter des règles à des feuilles externes.
Je vais voir les tutoriaux sur le net et je vous tiens au courant. ;)

J'ai créé la fonction suivante au chargement de ma page... mais il attend un point-virgule avant regles[0].style.height = 300px; .... 8O

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function modifStyle()
			{	
				if (!document.styleSheets) return;
 
				var regles = new Array();
				if (document.styleSheets[1].cssRules) 
				{ 
					regles=document.styleSheets[1].cssRules;
				}
				else if (document.styleSheets[1].rules) 
					{ 
						regles = document.styleSheets[1].rules;
					}
					else 
					{
						return;
					}
 
				        regles[0].style.height = 300px;			
		        }

Où se situe mon erreur ?
Merci d'avance. :)

08/08/2006, 10h19
denisC

Citation:

Envoyé par navis84

function modifStyle()
{
if (!document.styleSheets) {return;}

var regles = new Array();
if (document.styleSheets[1].cssRules)
{
regles=document.styleSheets[1].cssRules;
}
else if (document.styleSheets[1].rules)
{
regles = document.styleSheets[1].rules;
}
else
{
return;
}

regles[0].style.height = 300px;
}

C'est tout ce que je vois comme erreur éventuelle...
08/08/2006, 10h19
navis84

En fait, il manquait les guillemets à 300px. :P

Je continue et vous tiens toujours au courant.;)