Changer une propiété css via javascript

Résolu
gibnem -  
gibnem Messages postés 20 Date d'inscription   Statut Membre Dernière intervention   -
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.......
A voir également:

7 réponses

Réponse 1 / 7
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
as tu mis dans ta page <body id="body"> ?

sinon tu peux esayer: 

document.body.style.background = ....
0
Réponse 2 / 7
gibnem
 
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;
}
0
Réponse 3 / 7
gibnem
 
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é!!
0
Réponse 4 / 7
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
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;
}
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
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";
}
0
Réponse 6 / 7
Marco la baraque Messages postés 996 Date d'inscription   Statut Contributeur Dernière intervention   329
 
Bonsoir,
Essaie en ajoutant des double-quote : 
document.body.style.background = "#0012ff url(images/30.png) no-repeat right bottom fixed";


Cordialement,
0
Réponse 7 / 7
gibnem Messages postés 20 Date d'inscription   Statut Membre Dernière intervention   8
 
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';
}
0