Discussion :

[navis84]

Bonjour,

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

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
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 :

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

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.

[FremyCompany]

Voir de nombreux tutoriels sur la toile...

Attention à ne pas confondre style (= <balise style="") et CSS (document.styleSheets)

[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.

[navis84]

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

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
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.

[denisC]

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...

[navis84]

En fait, il manquait les guillemets à 300px.

Je continue et vous tiens toujours au courant.