Bonjour,
J'ai crée un petit script qui charge une feuille de style (css) en fonction de la résolution du visiteur :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
| <script type="text/javascript">
function resolution() {
var headID = document.getElementsByTagName("head")[0];
var cssNode = document.createElement('link');
if (screen.width>=1024)
{
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = 'style1024.css';
cssNode.media = 'screen';
headID.appendChild(cssNode);
}
else
{
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = 'style800.css';
cssNode.media = 'screen';
headID.appendChild(cssNode);
}
}
</script> |
Ca marche très bien mais je voudrais savoir s'il n'y a pas une facon plus courte car je trouve cela un pue long...
Pour importer normalement une feuille de style en html on fait :
<LINK rel="stylesheet" type="text/css" href="style.css">
Merci de votre aide
Partager