Page 1 sur 1

js html style

Posté : 25 août 2021, 20:16
par Arenas
Bonjour
svp

Comment colore toute les balis en blanc "<li>"

j'use:
document.body.innerHTML('<li style="color: #ffffff;">');
ou
document.write('<li style="color: #ffffff;">');
mais sans resultat
Merci pour votre aide :)

Re: js html style

Posté : 25 août 2021, 21:17
par webmaster
Bonjour,

Le plus simple est d'ajouter du CSS

Code : Tout sélectionner

<style>
.li {
color:#fff;
}
</style>

Re: js html style

Posté : 25 août 2021, 21:47
par Arenas
Bonsoir

Merci pour votre reponse :)

Mais comment?:
<script>
switch (new Date().getDay() % 2) //
{
default:
document.body.classList.add("day-even");
// document.write('<div style="height: 30px;"></div>');
// document.body.innerHTML('<div style="height: 30px;"></div>');

document.write('<li style="color: #000000;">');
document.body.innerHTML('<li style="color: #ffffff;">mmmm</li>');

document.write('<center><img src="https://arenas.pagesperso-orange.fr/Gra ... /eesti.png" style="height:80px; width:130px;"></center>');
document.body.style.scrollbarFaceColor="#084b8a"
document.body.style.scrollbarArrowColor="#000000"
document.body.style.scrollbarTrackColor=""
document.body.style.scrollbarShadowColor=""
document.body.style.scrollbarHighlightColor="colorname"
document.body.style.scrollbar3dlightColor=""
document.body.style.scrollbarDarkshadowColor="colorname"
break;
case 0:
document.body.classList.add("day-odd");
document.write('<div style="height: 30px;"></div>');
document.write('<center><img src="https://arenas.pagesperso-orange.fr/Gra ... kraine.png" style="height:80px; width:130px;"></center>');
document.body.style.scrollbarFaceColor="#005bbb"
document.body.style.scrollbarArrowColor="#ffd500"
document.body.style.scrollbarTrackColor="#005bbb"
document.body.style.scrollbarShadowColor="#ffffff"
document.body.style.scrollbarHighlightColor="colorname"
document.body.style.scrollbar3dlightColor="colorname"
document.body.style.scrollbarDarkshadowColor="colorname"
break;
}
</script>
Merci :)

@r

Re: js html style

Posté : 25 août 2021, 22:39
par webmaster
Ok, le contenu est créé en javascript.

Donc il faut ajouter après la ligne <script>

Code : Tout sélectionner

document.write("<style>.li {color: #fff;}</style>")

Re: js html style

Posté : 25 août 2021, 23:19
par Arenas
Bonsoir

Merci pour votre reponse :)

ci-joint le lien de la page web (le menu de gauche) :(
https://arenas.pagesperso-orange.fr/kod ... odekc.html

Merci

@r

Re: js html style

Posté : 26 août 2021, 09:13
par webmaster
Ha le boulet que je suis
C'est pas .li pour une balise c'est li tout court
document.write('<style>li {color: #fff;}</style>');

Re: js html style

Posté : 26 août 2021, 10:15
par Arenas
Bonjour Monsieur
Merci

Non, le boulet ce moi :)

J'ai vais dester ...

Arnold

Re: js html style

Posté : 26 août 2021, 10:49
par Arenas
Re:

Avec le "visual studio code" ne pas d'accore avec la parameter "switch"
switch (new Date().getDay() % 2) //
Expression or comma expected.javascript

Le menu tout seul:
menu

J'ai ajouter aussi dans le style:
li.day-even #nav {
color: #fff;
}
li.day-odd #nav {
color:#000;
}
mais sa me donne rien non plus :(...

Merci

Re: js html style

Posté : 28 août 2021, 22:47
par Arenas
Bonsoir Monsieur

J'ai trouver la solution.

The complet Web-Page

Merci pour votre aide :)
@r