js html style

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Arenas
Messages : 11
Enregistré le : 01 mars 2018, 19:54

js html style

Message par Arenas » 25 août 2021, 20:16

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 :)

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: js html style

Message par webmaster » 25 août 2021, 21:17

Bonjour,

Le plus simple est d'ajouter du CSS

Code : Tout sélectionner

<style>
.li {
color:#fff;
}
</style>
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Arenas
Messages : 11
Enregistré le : 01 mars 2018, 19:54

Re: js html style

Message par Arenas » 25 août 2021, 21:47

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

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: js html style

Message par webmaster » 25 août 2021, 22:39

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>")
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Arenas
Messages : 11
Enregistré le : 01 mars 2018, 19:54

Re: js html style

Message par Arenas » 25 août 2021, 23:19

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

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: js html style

Message par webmaster » 26 août 2021, 09:13

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>');
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Arenas
Messages : 11
Enregistré le : 01 mars 2018, 19:54

Re: js html style

Message par Arenas » 26 août 2021, 10:15

Bonjour Monsieur
Merci

Non, le boulet ce moi :)

J'ai vais dester ...

Arnold

Arenas
Messages : 11
Enregistré le : 01 mars 2018, 19:54

Re: js html style

Message par Arenas » 26 août 2021, 10:49

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

Arenas
Messages : 11
Enregistré le : 01 mars 2018, 19:54

Re: js html style

Message par Arenas » 28 août 2021, 22:47

Bonsoir Monsieur

J'ai trouver la solution.

The complet Web-Page

Merci pour votre aide :)
@r

Répondre