La tambouille des râleuses
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-34%
Le deal à ne pas rater :
-34% LG OLED55B3 – TV OLED 4K 55″ 2023 – 100Hz HDR 10+, ...
919 € 1399 €
Voir le deal

Aller en bas
Frimelda
Frimelda
Messages : 13
https://frimeldadesign.tumblr.com/

[Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure Empty [Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure

Lun 13 Avr 2020 - 14:45
Bonjouuuur PQ

Voilà, mes connaissances en JS sont très limitées et j'ai eu la formidable idée de me lancer dans le projet suivant :
Je souhaite créer un script qui permet de changer automatiquement le design du forum en fonction de l'heure de la journée (bannière et CSS).

Pour l'instant c'est juste un test que je fais pour voir si le script fonctionne, donc les seuls résultats attendus sont ceux-là :
Code:
.forabg {
    background-color: black;
    }
    
a.forumtitle {
    font-size: 30px;
    }

Pour cela, j'ai ce script :

Code:
function getStylesheet() {
      var currentTime = new Date().getHours();
      if (0 <= currentTime&¤tTime < 7) {
       document.write("<link rel='stylesheet' href='https://www.dropbox.com/s/c9chbeo56a6od6o/nuitB.css?dl=0' type='text/css'>");
      }
      if (7 <= currentTime&¤tTime < 20) {
       document.write("<link rel='stylesheet' href='https://www.dropbox.com/s/c9chbeo56a6od6o/nuitB.css?dl=0' type='text/css'>");
      }
      if (20 <= currentTime&¤tTime < 24) {
       document.write("<link rel='stylesheet' href='https://www.dropbox.com/s/c9chbeo56a6od6o/nuitB.css?dl=0' type='text/css'>");
      }
    
}
 
getStylesheet();

Et je l'appelle dans mon overall_header :

Code:
<script src="https://testmodenuit.forumactif.com/11995.js" type="text/javascript"></script>

Mais, spoiler alert : il ne se passe strictement rien.

Le forum de test est juste là, c'est du ModernBB, rien n'a été retouché à part ça.

Merci à ceux qui sauront m'apporter quelques lumières sur le sujet love


Dernière édition par Frimelda le Lun 13 Avr 2020 - 16:12, édité 1 fois
Mäven
Mäven
Râleuse (Admin)
Informations : Très peu présente en ce moment Sad
----
Idea Viens papoter avec nous sur le discord

Messages : 4053
https://tambouille-raleuses.forumactif.com/

[Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure Empty Re: [Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure

Lun 13 Avr 2020 - 15:33
Coucou @Frimelda ! Smile

On va y aller à tâtons Wink Pour le moment je vois des erreurs dans ta console, il n'importe pas la CSS du coup ça explique sûrement pas mal de choses Wink

Ensuite pour tes URL de dropbox, je pense qu'elles ne sont pas bonnes. Je me base sur ce tuto je pense que tu dois changer le
Code:
https://www.dropbox.com
en
Code:
https://dl.dropboxusercontent.com

Je continue de regarder mais tu peux déjà faire ces changements là Smile
Frimelda
Frimelda
Messages : 13
https://frimeldadesign.tumblr.com/

[Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure Empty Re: [Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure

Lun 13 Avr 2020 - 15:47
Épouse-moi @Mäven [Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure 2382703758

Oui pour le coup j'étais un peu troublée avec Dropbox, l'interface a changé depuis l'époque où j'en avais l'usage et les liens ne se récupèrent plus comme avant... Du coup j'ai modifié selon ton conseil et ça marche enfin !

J'ai introduit une modification maintenant pour voir si le script fonctionne bien au changement d'heure, si tout va bien à 16h, les catégories passeront en rouge, je reviendrais éditer selon le résultat.

Merci encore Copains
Mäven
Mäven
Râleuse (Admin)
Informations : Très peu présente en ce moment Sad
----
Idea Viens papoter avec nous sur le discord

Messages : 4053
https://tambouille-raleuses.forumactif.com/

[Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure Empty Re: [Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure

Lun 13 Avr 2020 - 15:49
Hihi dommage que j'sois déjà mariée, c'était tentant !

J'ai toujours cette erreur dans la console :
Code:
La feuille de style https://www.dropbox.com/s/yr7jnwas192yw7i/testNUIT.css n’a pas été chargée car son type MIME, « text/html », n’est pas « text/css ».
Tu as bien changé toutes les URL ?
Frimelda
Frimelda
Messages : 13
https://frimeldadesign.tumblr.com/

[Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure Empty Re: [Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure

Lun 13 Avr 2020 - 15:54
Oui oui, j'ai bien changé. Je vois d'où vient cette erreur là, par contre je ne comprends pas que tu puisses la voir. C'était un autre script que j'avais testé, mais pour le coup je l'ai désactivé (je viens de revérifier).
Frimelda
Frimelda
Messages : 13
https://frimeldadesign.tumblr.com/

[Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure Empty Re: [Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure

Lun 13 Avr 2020 - 16:03
Je DP pour être sûre que ce soit bien visible, mais le code est opérationnel ! What a Face
Merci encore @Mäven !

Je vais le mettre au propre avec quelques explications pour le poster dans les tutoriels, si certains sont intéressés.
Mäven
Mäven
Râleuse (Admin)
Informations : Très peu présente en ce moment Sad
----
Idea Viens papoter avec nous sur le discord

Messages : 4053
https://tambouille-raleuses.forumactif.com/

[Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure Empty Re: [Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure

Mar 14 Avr 2020 - 9:03
Ah top si ça fonctionne bien Smile Nickel !!

Ca serait super pour le tuto, tu le partageras aussi ici ? Smile

Bises

PS : on peut archiver ? Smile
Contenu sponsorisé

[Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure Empty Re: [Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Les coups de ♥ des Râleuses

Post-It des Râleuses