changer une propiété css via javascript Résolu/Fermé

Question

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: je sais pas pouquoi ça n'a pas marché apparemment tt est bien mé.........je sais pas si vous avait des proposition.......

Alain_42 · Answer

as tu mis dans ta page <body id="body"> ?

sinon tu peux esayer:


document.body.style.background = ....

gibnem · Answer

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;
}

gibnem · Answer

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é!!

Alain_42 · Answer

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;
}

Alain_42 · Answer

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";
}

Marco la baraque · Answer

Bonsoir,
Essaie en ajoutant des double-quote :
document.body.style.background = "#0012ff url(images/30.png) no-repeat right bottom fixed"; 

Cordialement,

gibnem · Answer

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';
        }

Changer une propiété css via javascript

7 réponses

Discussions similaires