11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Sur mon wordpress général le fond est d'une couleur. En parallèle je suis en train de créer une page e-commerce avec le plug-in WP e-commerce, et sur ces pages j'aimerais le fond d'une autre couleur.

Un membre de ce forum m'a aiguillée sur ce code:

 if (document.getElementById("default_products_page_container")){
document.getElementById("cadre").style.backgroundColor = "rgba(10, 10, 10, .88)";
} 


Or cela ne change pas du tout le fond de couleur de ma page.
Ou me conseillez vous de placer ce code?
Dans la première page chargée par wordpress à l'ouverture de mon site?
Ou dans une des pages .php de mon plug-in e-commerce?

Merci de votre aide,
À bientôt,

Lili-
Modérateur
Bonjour,

C'est du code Js qui touche au DOM il faut donc le mettre à un endroit (ou l'insérer d'une certaine façon) qui garanti que le DOM a été chargé. Sinon le risque est que le script se lance avant que les div existent et que du coup le Js plante vu qu'il ne trouve pas les éléments.

Généralement, pour tester, tu peux le placer à la fin de la page contenant les éléments (juste avant de fermer le body) dans une balise <script> c'est un premier pas.
Bonjour,

Merci pour votre réponse.
Je crois que je me lance dans quelque chose de bien trop compliqué pour moi , je vais essayer de contourner mon problème.

Merci tout de même,

Lili-