[Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure
Lun 13 Avr 2020 - 14:45
Bonjouuuur
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à :
Pour cela, j'ai ce script :
Et je l'appelle dans mon overall_header :
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
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
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4053
Re: [Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure
Lun 13 Avr 2020 - 15:33
Coucou @Frimelda !
On va y aller à tâtons 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
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
Je continue de regarder mais tu peux déjà faire ces changements là
On va y aller à tâtons 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
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
- Code:
https://dl.dropboxusercontent.com
Je continue de regarder mais tu peux déjà faire ces changements là
Re: [Aide Codage][Résolu] Script changeant le CSS en fonction de l'heure
Lun 13 Avr 2020 - 15:47
Épouse-moi @Mäven
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
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
- MävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4053
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 :
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 ».
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).
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 !
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.
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ävenRâleuse (Admin)
- Informations : Très peu présente en ce moment
----
Viens papoter avec nous sur le discord
Messages : 4053
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 Nickel !!
Ca serait super pour le tuto, tu le partageras aussi ici ?
Bises
PS : on peut archiver ?
Ca serait super pour le tuto, tu le partageras aussi ici ?
Bises
PS : on peut archiver ?
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|