javascript pass variable de style

screen_w = window.innerWidth;
screen_h = window.innerHeight;

pour obtenir la fenêtre deminsions et puis le mettre dans une variable. Est-il un moyen de prendre cette variable et ensuite l'utiliser dans mon style?

Tels que:

img
{
  width:screen_w;
  height:screen_h;
}

J'ai essayé

<script type="text/javascript"> 
<style>
img..
</style>
</script>

mais cela ne semble pas fonctionner.. est-ce possible ou est-il une autre façon de passer une variable?

Merci d'avance.

///Ajoutée

Ok, donc le Lien en bas ---v

Est en train de discuter de faire un nœud qui est de votre "style"

<script type="text/javascript">

var head = document.getElementsByTagName('head')[0],
    style = document.createElement('style'),
    rules = document.createNode('img { width:screen_w; height:screen_h; }');

style.type = 'text/css';
if(style.styleSheet)
    style.styleSheet.cssText = rules.nodeValue;
else style.appendChild(rules);
head.appendChild(style);

</script>

alors pour mon html j'ai juste à insérer mon image.

<img src="slide1.jpg">

mais ses pas encore tout à fait en passant en quelque sorte.

Je peux toutefois obtenir le document".getElementById au travail. Est-il un moyen de le faire sans un bouton.. comme onLoad()?

function changeSize()
{
document.getElementById("picture").height= screen_h;
document.getElementById("picture").width= screen_w;
}
</script>

</head>

<body>

<img id="picture" src="slide1.jpg" width="300" height="98" />
<br /><br />
<input type="button" onclick="changeSize()" value="Change size of image" />
  • Pourrait peut-être utiliser js pour créer un nouvel élément de style avec le css voulu? (c'est juste de la spéculation)
InformationsquelleAutor hobbywebsite | 2011-05-26