Changer une propiété css via javascript
Résolu
Bonjour,
voilà .. je voulait changer l'image et le couleur du body en java script suivant la résolution de l'intérnaute
voila mon script:
<script language="JavaScript">
<!--
var largeur;
largeur = screen.width;
if(largeur < 1200){
document.getElementById(‘body’).style.background = ‘#0012ff url(images/30.png) no-repeat right bottom fixed’;
}
else{
document.getElementById(‘body’).style.background = ‘#2746E0 url(images/3.png) no-repeat right bottom fixed’;
}
//-->
</script>
je sais pas pouquoi ça n'a pas marché apparemment tt est bien mé.........je sais pas
si vous avait des proposition.......
voilà .. je voulait changer l'image et le couleur du body en java script suivant la résolution de l'intérnaute
voila mon script:
<script language="JavaScript">
<!--
var largeur;
largeur = screen.width;
if(largeur < 1200){
document.getElementById(‘body’).style.background = ‘#0012ff url(images/30.png) no-repeat right bottom fixed’;
}
else{
document.getElementById(‘body’).style.background = ‘#2746E0 url(images/3.png) no-repeat right bottom fixed’;
}
//-->
</script>
je sais pas pouquoi ça n'a pas marché apparemment tt est bien mé.........je sais pas
si vous avait des proposition.......
Configuration: Windows XP Firefox 3.0.6
7 réponses
-
as tu mis dans ta page <body id="body"> ?
sinon tu peux esayer:
document.body.style.background = ....
-
en faite dans ma page de style css ila ya
body {
background: #0012ff url(images/30.png) no-repeat right bottom fixed;
margin-bottom: 20px;
} -
j'ai essayé comme ce que ta dit
if(largeur < 1200){
document.body.style.background = #0012ff url(images/30.png) no-repeat right bottom fixed;
}
else{
document.body.style.background = #2746E0 url(images/3.png) no-repeat right bottom fixed;
}
mais ça n'a pas marché!! -
et:
if(largeur < 1200){ body.style.background = #0012ff url(images/30.png) no-repeat right bottom fixed; } else{ body.style.background = #2746E0 url(images/3.png) no-repeat right bottom fixed; } -
pardon:
if(largeur < 1200){ body.style.background =" #0012ff url(images/30.png) no-repeat right bottom fixed"; } else{ body.style.background =" #2746E0 url(images/3.png) no-repeat right bottom fixed"; } -
ContributeurBonsoir,
Essaie en ajoutant des double-quote :document.body.style.background = "#0012ff url(images/30.png) no-repeat right bottom fixed";
Cordialement, -
bon merci a vous tous
voici le code final et ça marche cristal XD
if(largeur < 1200){
document.body.style.background = "#0012ff";
document.body.style.backgroundImage='url(images/30.png)';
document.body.style.backgroundPosition = 'right bottom';
document.body.style.backgroundRepeat = 'no-repeat';
document.body.style.backgroundAttachment = 'fixed';
}
else{
document.body.style.background = "#2746E0";
document.body.style.backgroundImage='url(images/3.png)';
document.body.style.backgroundPosition = 'right bottom';
document.body.style.backgroundRepeat = 'no-repeat';
document.body.style.backgroundAttachment = 'fixed';
}
