modifier feuille de style css via Javascript
Bonjour tout le monde,
Je me retrouve avec un probl�me sur le d�veloppement d'un site, et je m'�nerve dessus depuis ce matin, sans trouver d'explication.
Je vous explique ce que c'est :
Tout le long de mon site sur la gauche je veux avoir une image de bamboo.
Elle commence avec le haut du bamboo qui est une image, et ensuite j'ai une autre image du tronc. Je veux donc r�p�ter cette-derni�re en fonction de la hauteur de la page, donc je dois la placer sous ma premi�re image, et � une certaine place pour que l'on ne voit pas une cassure.
Cette frise se retrouve sur tout le site, et comme toutes les pages ne sont pas de la m�me taille je veux pouvoir g�n�rer dynamiquement cette r�p�tition d'images du tronc du bamboo.
Je recherche donc la hauteur g�n�rale de la page, � laquelle je soustrait la hauteur du haut du bamboo, ce qui devrait me laisser la hauteur que le tronc devrait occuper.
Le probl�me c'est que lorsque je regarde sur mon site le script s'ex�cute , mais la valeur de ma hauteur (height) est nulle.
Lorsque que je modifie manuellement la hauteur, via Firebug, l'image est bien l�, avec la bonne largeur, le bon placement.... donc le script �crit bien ce qu'il faut dans le fichier css, mais ne r�cup�re pas ma variable height.
Voici mon code :
Code:
1
2
3
4
5
6
7
8
| <img src="img/bamboo.png" alt="bamboo" width="158" height="660" style="position: absolute; left: 0; top: 0" />
<div id="bamboo-infinite">
<script language="javascript">
var height = document.body.offsetHeight-660;
document.styleSheets[0].insertRule("#bamboo-infinite {position: absolute;top: 660px;width: 78px;background: url(../img/bamboo-infinite.png) -2px 0 repeat-y;z-index: 1;height :"+height+";}",document.styleSheets[0].cssRules.length);
</script>
</div> |
Une id�e ?
Merci
