Modifier un script widget de temps et journalier.

+2
Maxmax
Gae67
6 participants

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Modifier un script widget de temps et journalier. Empty Modifier un script widget de temps et journalier.

Message par Gae67 Ven 23 Jan 2015 - 0:55

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://famille-pandora.forumgratuit.org

Description du problème

Bonsoir,

Actuellement j'ai un script pour un jeu online qui a été fait par vos propres mains et qui fonctionne parfaitement. Vu l'évolution du jeu et des nouveautés qui sont arrivés, j'aimerai l'améliorer un peu plus afin de le rendre plus moderne.

Voici le code en question tel qu'il est :
Code:
<script type="text/javascript">
window.onload = function()
{
  setInterval('date_heure()', 1000); //On actualise l'heure toutes les secondes
};
function compZero(nombre)
{
  return nombre < 10 ? '0' + nombre : nombre;
}
function date_heure()
{
  var infos = new Date();
  document.getElementById('date_heure').innerHTML = "HEURE : " + compZero(infos.getHours()) + ':' + compZero(infos.getMinutes()) ;
      if(infos.getHours() == 00 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/567329ci02h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 01 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/567329ci02h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 02 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/608518ci04h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 03 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/608518ci04h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 04 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/469432ci06h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 05 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/469432ci06h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 06 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/781912ci08h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 07 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/781912ci08h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 08 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/651797ci10h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 09 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/651797ci10h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 10 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/818969ci12h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 11 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/818969ci12h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 12 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/166125ci14h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 13 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/166125ci14h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 14 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/559752ci16h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/181268lodouvert15.jpg" alt="" />';
      }
      if(infos.getHours() == 15 && infos.getMinutes() < 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/559752ci16h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/900409lod1245.jpg" alt="" />';
      }
      if(infos.getHours() == 15 && infos.getMinutes() >= 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/559752ci16h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/284649corne15.jpg" alt="" />';
      }   
      if(infos.getHours() == 16 && infos.getMinutes() < 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/285356ci18h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/952432lodouvert234.jpg" alt="" />';
      }
      if(infos.getHours() == 16 && infos.getMinutes() >= 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/285356ci18h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/960098corne24.jpg" alt="" />';
      }
      if(infos.getHours() == 17 && infos.getMinutes() < 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/285356ci18h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/947601lodouvert3.jpg" alt="" />';
      }
      if(infos.getHours() == 17 && infos.getMinutes() >= 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/285356ci18h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/164154corne3.jpg" alt="" />';
      }
      if(infos.getHours() == 18 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/424887ci20h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
      if(infos.getHours() == 19 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/424887ci20h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/181268lodouvert15.jpg" alt="" />';
      }
      if(infos.getHours() == 20 && infos.getMinutes() < 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/883253ci22h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/900409lod1245.jpg" alt="" />';
      }
      if(infos.getHours() == 20 && infos.getMinutes() >= 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/883253ci22h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/284649corne15.jpg" alt="" />';
      }
      if(infos.getHours() == 21 && infos.getMinutes() < 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/883253ci22h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/952432lodouvert234.jpg" alt="" />';
      }
      if(infos.getHours() == 21 && infos.getMinutes() >= 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/883253ci22h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/960098corne24.jpg" alt="" />';
      }
      if(infos.getHours() == 22 && infos.getMinutes() < 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/718183ci00h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/947601lodouvert3.jpg" alt="" />';
      }
      if(infos.getHours() == 22 && infos.getMinutes() >= 30 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/718183ci00h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/164154corne3.jpg" alt="" />';
      }
      if(infos.getHours() == 23 )
      {
          document.getElementById('heure_message_ci').innerHTML='<img src="http://img4.hostingpics.net/pics/718183ci00h.png" alt="" />';
          document.getElementById('heure_message_canal').innerHTML='<img src="http://img4.hostingpics.net/pics/669430touscanaux.png" alt="" />';
          document.getElementById('heure_message_lod').innerHTML='<img src="http://img11.hostingpics.net/pics/477189puit.jpg" alt="" />';
      }
    }
    </script>
<div id="apDiv12">
                           <strong> <span style="font-size: larger;"> </span></strong>                       
   <div id="date_heure" align="center" style="">
                                                   
   </div><strong><span style="font-size: larger;"> </span> </strong>
</div>
       
<div id="divimage">
                                                
   <div id="heure_message_lod" align="center">
                                                   
   </div>
                                                
</div>
       
<div id="apDiv10">
                                                
   <p>
                                                   
   </p>
                                                
   <div id="heure_message_ci" align="center">
                                                   
   </div>
                                                
   <p>
                                                   
   </p>
                                                
</div>
       
<div id="apDiv11">
                                                
   <p>
                              <strong> </strong>                       
   </p>
                                                
   <div id="heure_message_canal" align="center">
                                                   
   </div><strong> </strong>                       
   <p>
                                                   
   </p>
                                                
</div>

Actuellement il marche comme ça tous les jours normalement sans y changer quelque chose, lorsque on voulait intégrer quelque chose à une heure spéciale il fallait toujours le modifier la veille du jour concerné et le remettre à son rythme normal une fois cette heure spéciale écoulée.

Ce que j'aimerais faire :

- Rendre ce code journalier. Afin que les événements s'affichent selon le jour (lundi, mardi, mercredi, jeudi, vendredi, samedi, dimanche) : Par exemple si j'ai un événement qui se passe uniquement le samedi et dimanche, que cette événement s'affiche automatiquement le samedi et le dimanche chaque semaine sans rien n'y toucher, a modifier la veille ou a le remettre correctement le lendemain...

J'espère que vous me suivez ici là.

Ensuite pour ce jeu il existe une maintenance hebdomadaire qui interrompt le jeu pendant 2 heures sur un créneau dédié à savoir le mercredi entre 09h et 11h. Mais il est tout à fait qu'une semaine sur deux cette fameuse maintenance n'est pas lieu. Ce que j'aimerais faire :

- Pouvoir insérer dans ce code une méthode d'activer ou non par simple modification du widget par exemple un genre de "yes" ou "no" (yes, quand il y a une maintenance et donc les images liées à la maintenance s'afficheront et no, quand il y a n'a pas de maintenance et ordonner au script de fonctionner normalement).

Merci d'avance pour votre précieuse aide !
PS : Je mets la première partie de modification de script pour l'instant afin de ne pas mélanger avec la deuxième partie de mon souhait car avec mes idées qui viennent je souhaite l'adapter pour deux jeux différents et qui est totalement hors sujet de avec cette première partie.
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Dim 25 Jan 2015 - 18:52

up
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Lun 26 Jan 2015 - 23:36

UP
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Mer 28 Jan 2015 - 21:51

UP
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Ven 30 Jan 2015 - 11:10

UP
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Dim 1 Fév 2015 - 17:55

Up svp....
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Mer 4 Fév 2015 - 10:33

UP
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Mar 10 Fév 2015 - 18:47

UP
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Maxmax Mar 10 Fév 2015 - 20:23

Salut,

Est-ce que tu souhaites avoir chaque heure de chaque jour, ou juste pour samedi et dimanche ?

Cordialement,

Max
avatar

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Mer 11 Fév 2015 - 2:12

Je souhaite avoir chaque heure pour chaque jour si possible Smile
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Maxmax Mer 11 Fév 2015 - 21:36

Salut,

Alors voilà ce que je te propose :
Code:
<script type="text/javascript">
window.onload = function()
{
  setInterval('date_heure()', 1000); //On actualise l'heure toutes les secondes
};
function compZero(nombre)
{
  return nombre < 10 ? '0' + nombre : nombre;
}
function date_heure()
{
  var infos = new Date();
  var heure;
  var jour;
  var msg_ci;
  var msg_canal;
  var msg_lod;
  var maintenance = "oui";
  document.getElementById('date_heure').innerHTML = "HEURE : " + compZero(infos.getHours()) + ':' + compZero(infos.getMinutes()) ;
    
     //Récupération de l'heure dans la variable heure
     if(infos.getHours() == 00 ){heure = "00";}
     if(infos.getHours() == 01 ){heure = "01";}
     if(infos.getHours() == 02 ){heure = "02";}
     if(infos.getHours() == 03 ){heure = "03";}
     if(infos.getHours() == 04 ){heure = "04";}
     if(infos.getHours() == 05 ){heure = "05";}
     if(infos.getHours() == 06 ){heure = "06";}
     if(infos.getHours() == 07 ){heure = "07";}
     if(infos.getHours() == 08 ){heure = "08";}
     if(infos.getHours() == 09 ){heure = "09";}
     if(infos.getHours() == 10 ){heure = "10";}
     if(infos.getHours() == 11 ){heure = "11";}
     if(infos.getHours() == 12 ){heure = "12";}
     if(infos.getHours() == 13 ){heure = "13";}
     if(infos.getHours() == 14 ){heure = "14";}
     if(infos.getHours() == 15 && infos.getMinutes() < 30 ){heure = "15";}
     if(infos.getHours() == 15 && infos.getMinutes() >= 30 ){heure = "1530";}
     if(infos.getHours() == 16 && infos.getMinutes() < 30 ){heure = "16";}
     if(infos.getHours() == 16 && infos.getMinutes() >= 30 ){heure = "1630";}
     if(infos.getHours() == 17 && infos.getMinutes() < 30 ){heure = "17";}
     if(infos.getHours() == 17 && infos.getMinutes() >= 30 ){heure = "1730";}
     if(infos.getHours() == 18 ){heure = "18";}
     if(infos.getHours() == 19 ){heure = "19";}
     if(infos.getHours() == 20 && infos.getMinutes() < 30 ){heure = "20";}
     if(infos.getHours() == 20 && infos.getMinutes() >= 30 ){heure = "2030";}
     if(infos.getHours() == 21 && infos.getMinutes() < 30 ){heure = "21";}
     if(infos.getHours() == 21 && infos.getMinutes() >= 30 ){heure = "2130";}
     if(infos.getHours() == 22 && infos.getMinutes() < 30 ){heure = "22";}
     if(infos.getHours() == 22 && infos.getMinutes() >= 30 ){heure = "2230";}
     if(infos.getHours() == 23 ){heure = "23";}
    
     //Récupération du jour dans la variable jour
     if(infos.getDay() == 0){jour="dim";}
     if(infos.getDay() == 1){jour="lun";}
     if(infos.getDay() == 2){jour="mar";}
     if(infos.getDay() == 3){jour="mer";}
     if(infos.getDay() == 4){jour="jeu";}
     if(infos.getDay() == 5){jour="ven";}
     if(infos.getDay() == 6){jour="sam";}
    
     //Condition suivant jour et heure
     if(heure == "23"){
      msg_ci = "http://img4.hostingpics.net/pics/718183ci00h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "2230"){
      msg_ci = "http://img4.hostingpics.net/pics/718183ci00h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/164154corne3.jpg";
     }
     if(heure == "22"){
      msg_ci = "http://img4.hostingpics.net/pics/718183ci00h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/947601lodouvert3.jpg";
     }
     if(heure == "2130"){
      msg_ci = "http://img4.hostingpics.net/pics/883253ci22h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/960098corne24.jpg";
     }
     if(heure == "21"){
      msg_ci = "http://img4.hostingpics.net/pics/883253ci22h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/952432lodouvert234.jpg";
     }
     if(heure == "2030"){
      msg_ci = "http://img4.hostingpics.net/pics/883253ci22h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/284649corne15.jpg";
     }
     if(heure == "20"){
      msg_ci = "http://img4.hostingpics.net/pics/883253ci22h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/900409lod1245.jpg";
     }
     if(heure == "19"){
      msg_ci = "http://img4.hostingpics.net/pics/424887ci20h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/181268lodouvert15.jpg";
     }
     if(heure == "18"){
      msg_ci = "http://img4.hostingpics.net/pics/424887ci20h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "1730"){
      msg_ci = "http://img4.hostingpics.net/pics/285356ci18h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/164154corne3.jpg";
     }
     if(heure == "17"){
      msg_ci = "http://img4.hostingpics.net/pics/285356ci18h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/947601lodouvert3.jpg";
     }
     if(heure == "1630"){
      msg_ci = "http://img4.hostingpics.net/pics/285356ci18h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/960098corne24.jpg";
     }
     if(heure == "16"){
      msg_ci = "http://img4.hostingpics.net/pics/285356ci18h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/952432lodouvert234.jpg";
     }
     if(heure == "1530"){
      msg_ci = "http://img4.hostingpics.net/pics/559752ci16h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/284649corne15.jpg";
     }
     if(heure == "15"){
      msg_ci = "http://img4.hostingpics.net/pics/559752ci16h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/900409lod1245.jpg";
     }
     if(heure == "14"){
      msg_ci = "http://img4.hostingpics.net/pics/559752ci16h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/181268lodouvert15.jpg";
     }
     if(heure == "13"){
      msg_ci = "http://img4.hostingpics.net/pics/166125ci14h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "12"){
      msg_ci = "http://img4.hostingpics.net/pics/166125ci14h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "11"){
      msg_ci = "http://img4.hostingpics.net/pics/818969ci12h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "10"){
      msg_ci = "http://img4.hostingpics.net/pics/818969ci12h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "09"){
      msg_ci = "http://img4.hostingpics.net/pics/651797ci10h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "08"){
      msg_ci = "http://img4.hostingpics.net/pics/651797ci10h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "07"){
      msg_ci = "http://img4.hostingpics.net/pics/781912ci08h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "06"){
      msg_ci = "http://img4.hostingpics.net/pics/781912ci08h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "05"){
      msg_ci = "http://img4.hostingpics.net/pics/469432ci06h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "04"){
      msg_ci = "http://img4.hostingpics.net/pics/469432ci06h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "03"){
      msg_ci = "http://img4.hostingpics.net/pics/608518ci04h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "02"){
      msg_ci = "http://img4.hostingpics.net/pics/608518ci04h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "01"){
      msg_ci = "http://img4.hostingpics.net/pics/567329ci02h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
     if(heure == "00"){
      msg_ci = "http://img4.hostingpics.net/pics/567329ci02h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
    
     if(jour == "mer" && (heure == "09" || heure == "10") && maintenance == "oui"){
      msg_ci = "tonImageDeMaintenance";
      msg_canal = "tonImageDeMaintenance";
      msg_lod = "tonImageDeMaintenance";
     }
    
  document.getElementById('heure_message_ci').innerHTML='<img src="'+msg_ci+'" alt="" />';
  document.getElementById('heure_message_canal').innerHTML='<img src="'+msg_canal+'" alt="" />';
  document.getElementById('heure_message_lod').innerHTML='<img src="'+msg_lod+'" alt="" />';
    
}


    </script>
<div id="apDiv12">
                          <strong> <span style="font-size: larger;"> </span></strong>                       
  <div id="date_heure" align="center" style="">
                                                   
  </div><strong><span style="font-size: larger;"> </span> </strong>
</div>
       
<div id="divimage">
                                               
  <div id="heure_message_lod" align="center">
                                                   
  </div>
                                               
</div>
       
<div id="apDiv10">
                                               
  <p>
                                                   
  </p>
                                               
  <div id="heure_message_ci" align="center">
                                                   
  </div>
                                               
  <p>
                                                   
  </p>
                                               
</div>
       
<div id="apDiv11">
                                               
  <p>
                              <strong> </strong>                       
  </p>
                                               
  <div id="heure_message_canal" align="center">
                                                   
  </div><strong> </strong>                       
  <p>
                                                   
  </p>
                                               
</div>

Donc j'ai repris le code que tu avais fournis, en modifiant 2/3 trucs :
Code:
if(infos.getHours() == 00 ){heure = "00";}
Ici on récupère l'heure actuelle et on la met dans la variable heure.

Code:
if(infos.getDay() == 0){jour="dim";}
Là on récupère le jour actuel et on le met dans la variable jour.

Code:
if(heure == "23"){
      msg_ci = "http://img4.hostingpics.net/pics/718183ci00h.png";
      msg_canal = "http://img4.hostingpics.net/pics/669430touscanaux.png";
      msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
     }
Enfin ici on met la condition, donc pour celui-ci : si il est 23h on met dans la variable msg_ci l'image qui sera dans l'emplacement 'heure_message_ci", pareil pour les deux autres variables.

Code:
if(jour == "mer" && (heure == "09" || heure == "10") && maintenance == "oui"){
      msg_ci = "tonImageDeMaintenance";
      msg_canal = "tonImageDeMaintenance";
      msg_lod = "tonImageDeMaintenance";
     }
Et la, c'est le code pour la maintenance du mercredi entre 9h et 11h.
On vérifie que c'est bien mercredi (jour == "mer") et (&&) qu'il est 9h ou 10h (heure == "09" || (symbole pour ou) heure == "10") et enfin que la maintenance est bien présente (maintenance == "oui").
Cette variable maintenance est définie au début du code. Il te suffit donc de modifier par non pour ne pas afficher tes images de maintenance.
Cependant, il faut bien que la vérification de maintenance soit la dernière condition énoncée.

Pour les images, j'ai repris celui de base, sans intégrer les jours, car je ne sais pas ce que tu souhaites exactement, si il y a vraiment une image pour chaque heure de chaque jour, ou bien il y a des images en commun pour tous les jours pour tel créneaux horaire etc...
N'hésites pas à demander si tu as des problèmes, tu as besoin de l'aide pour mettre en oeuvre ton code complètement ou autre Smile

Cordialement,

Max
avatar

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Mer 11 Fév 2015 - 23:09

Salut et merci beaucoup pour ton implication, je sens que je vais beaucoup apprécier cette amélioration que tu as pu m'apporter.

J'ai juste une question, pour ce qui est de l’intégration d'une activité qui ne survient qu'un jour et à une heure spécifique, comment l'intégrer? comme celui de la maintenance ou autrement?

Merci d'avance Smile
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Maxmax Jeu 12 Fév 2015 - 12:51

Salut,

Exactement, comme celui de la maintenance.
Ce qui apparaîtra dans ton widget sera la dernière variable validée.
Ainsi, si il faut mettre ton activité après l'énumération de toutes les heures.
Comme ça, en premier lieu les variables prendront la valeur de l'heure correspondante, et si une activité est programmée après, les variables changeront pour prendre celles de l'activité.

Cordialement,

Max
avatar

Maxmax
***

Masculin
Messages : 159
Inscrit(e) le : 29/09/2012

http://lanefdesfous.forumgratuit.org/
Maxmax a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Scoubifitz Ven 13 Fév 2015 - 2:53

Bonsoir,

On peut aussi mettre du texte à la place des images-de-texte , et alléger un peu le script en ôtant les répétitions ...

Code:
<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
<style>
#apDiv12,#apDiv10,#apDiv11{font-size:20px;font-family: 'Audiowide', cursive;color:#FFFF99;text-shadow:0 0 1px #000000,3px 3px 2px #3366FF;padding:10px;}
</style>
<script type="text/javascript">
window.onload = function()
{
setInterval('date_heure()', 1000); //On actualise l'heure toutes les secondes
};
function compZero(nombre)
{
return nombre < 10 ? '0' + nombre : nombre;
}
function date_heure()
{
var infos = new Date();
var heure;
var jour;
var msg_ci;

// Variables pour l'affichage habituel

var msg_canal = "Tous canaux";
var msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";

// Variable pour activer la maintenance

var maintenance = "oui";

document.getElementById('date_heure').innerHTML = "HEURE : " + compZero(infos.getHours()) + ':' + compZero(infos.getMinutes()) ;

//Récupération de l'heure dans la variable heure
if(infos.getHours() == 00 ){heure = "00";}
if(infos.getHours() == 01 ){heure = "01";}
if(infos.getHours() == 02 ){heure = "02";}
if(infos.getHours() == 03 ){heure = "03";}
if(infos.getHours() == 04 ){heure = "04";}
if(infos.getHours() == 05 ){heure = "05";}
if(infos.getHours() == 06 ){heure = "06";}
if(infos.getHours() == 07 ){heure = "07";}
if(infos.getHours() == 08 ){heure = "08";}
if(infos.getHours() == 09 ){heure = "09";}
if(infos.getHours() == 10 ){heure = "10";}
if(infos.getHours() == 11 ){heure = "11";}
if(infos.getHours() == 12 ){heure = "12";}
if(infos.getHours() == 13 ){heure = "13";}
if(infos.getHours() == 14 ){heure = "14";}
if(infos.getHours() == 15 && infos.getMinutes() < 30 ){heure = "15";}
if(infos.getHours() == 15 && infos.getMinutes() >= 30 ){heure = "1530";}
if(infos.getHours() == 16 && infos.getMinutes() < 30 ){heure = "16";}
if(infos.getHours() == 16 && infos.getMinutes() >= 30 ){heure = "1630";}
if(infos.getHours() == 17 && infos.getMinutes() < 30 ){heure = "17";}
if(infos.getHours() == 17 && infos.getMinutes() >= 30 ){heure = "1730";}
if(infos.getHours() == 18 ){heure = "18";}
if(infos.getHours() == 19 ){heure = "19";}
if(infos.getHours() == 20 && infos.getMinutes() < 30 ){heure = "20";}
if(infos.getHours() == 20 && infos.getMinutes() >= 30 ){heure = "2030";}
if(infos.getHours() == 21 && infos.getMinutes() < 30 ){heure = "21";}
if(infos.getHours() == 21 && infos.getMinutes() >= 30 ){heure = "2130";}
if(infos.getHours() == 22 && infos.getMinutes() < 30 ){heure = "22";}
if(infos.getHours() == 22 && infos.getMinutes() >= 30 ){heure = "2230";}
if(infos.getHours() == 23 ){heure = "23";}

//Récupération du jour dans la variable jour
if(infos.getDay() == 0){jour="dim";}
if(infos.getDay() == 1){jour="lun";}
if(infos.getDay() == 2){jour="mar";}
if(infos.getDay() == 3){jour="mer";}
if(infos.getDay() == 4){jour="jeu";}
if(infos.getDay() == 5){jour="ven";}
if(infos.getDay() == 6){jour="sam";}

//Condition suivant jour et heure , si différent de l'affichage habituel
if(heure == "23"){
msg_ci = "Prochain CI : 00h";
}
if(heure == "2230"){
msg_ci = "Prochain CI : 00h";
msg_lod = "http://img11.hostingpics.net/pics/164154corne3.jpg";
}
if(heure == "22"){
msg_ci = "Prochain CI : 00h";
msg_lod = "http://img11.hostingpics.net/pics/947601lodouvert3.jpg";
}
if(heure == "2130"){
msg_ci = "Prochain CI : 22h";
msg_lod = "http://img11.hostingpics.net/pics/960098corne24.jpg";
}
if(heure == "21"){
msg_ci = "Prochain CI : 22h";
msg_lod = "http://img11.hostingpics.net/pics/952432lodouvert234.jpg";
}
if(heure == "2030"){
msg_ci = "Prochain CI : 22h";
msg_lod = "http://img11.hostingpics.net/pics/284649corne15.jpg";
}
if(heure == "20"){
msg_ci = "Prochain CI : 22h";
msg_lod = "http://img11.hostingpics.net/pics/900409lod1245.jpg";
}
if(heure == "19"){
msg_ci = "Prochain CI : 20h";
msg_lod = "http://img11.hostingpics.net/pics/181268lodouvert15.jpg";
}
if(heure == "18"){
msg_ci = "Prochain CI : 20h";
msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
}
if(heure == "1730"){
msg_ci = "Prochain CI : 18h";
msg_lod = "http://img11.hostingpics.net/pics/164154corne3.jpg";
}
if(heure == "17"){
msg_ci = "Prochain CI : 18h";
msg_lod = "http://img11.hostingpics.net/pics/947601lodouvert3.jpg";
}
if(heure == "1630"){
msg_ci = "Prochain CI : 18h";
msg_lod = "http://img11.hostingpics.net/pics/960098corne24.jpg";
}
if(heure == "16"){
msg_ci = "Prochain CI : 18h";
msg_lod = "http://img11.hostingpics.net/pics/952432lodouvert234.jpg";
}
if(heure == "1530"){
msg_ci = "Prochain CI : 16h";
msg_lod = "http://img11.hostingpics.net/pics/284649corne15.jpg";
}
if(heure == "15"){
msg_ci = "Prochain CI : 16h";
msg_lod = "http://img11.hostingpics.net/pics/900409lod1245.jpg";
}
if(heure == "14"){
msg_ci = "Prochain CI : 16h";
msg_lod = "http://img11.hostingpics.net/pics/181268lodouvert15.jpg";
}
if(heure == "12"||heure == "13"){
msg_ci = "Prochain CI : 14h";
}
if(heure == "10"||heure == "11"){
msg_ci = "Prochain CI : 12h";
}
if(heure == "08"||heure == "09"){
msg_ci = "Prochain CI : 10h";
}
if(heure == "06"||heure == "07"){
msg_ci = "Prochain CI : 08h";
}
if(heure == "04"||heure == "05"){
msg_ci = "Prochain CI : 06h";
}
if(heure == "02"||heure == "03"){
msg_ci = "Prochain CI : 04h";
}
if(heure == "00"||heure == "01"){
msg_ci = "Prochain CI : 02h";
}

if(jour == "mer" && (heure == "09"|| heure == "10") && maintenance == "oui"){
msg_ci = "Fin de maintenance : 12h";
msg_canal = "Ton texte de maintenance";
msg_lod = "http://i38.servimg.com/u/f38/12/14/82/30/advanc10.png";
}

document.getElementById('heure_message_ci').innerHTML=msg_ci;
document.getElementById('heure_message_canal').innerHTML=msg_canal;
document.getElementById('heure_message_lod').innerHTML='<img src="'+msg_lod+'" alt="" />';

}
</script>
<div id="apDiv12">
<div id="date_heure" align="center">
</div>
</div>

<div id="divimage">
<div id="heure_message_lod" align="center">
</div>
</div>

<div id="apDiv10">
<div id="heure_message_ci" align="center">
</div>
</div>

<div id="apDiv11">
<div id="heure_message_canal" align="center">
</div>
</div>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Ven 13 Fév 2015 - 11:58

Bonjour Scoubifitz,

Merci de ton implication cependant je ne comprends pas pourquoi mettre du texte à place des images de texte???
Car ce sont des images simples mais si jamais nous souhaitons opter pour un deisgn un peu plus spécifique je ne vois pas pourquoi remplacer...?.?
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Scoubifitz Ven 13 Fév 2015 - 15:44

qui dit : image , dit : hébergement .

Héberger des images pour montrer un texte , alors qu'on peut mettre un texte directement , c'est déjà bizarre .

Mais si l'hébergeur est en rade il n'y aura plus d'image ... alors que le texte sera toujours là .

de plus le temps de chargement de la page est réduit , parce que moins d'images .

Naturellement , l'image du puits sera toujours présente , donc c'est seulement pour placer du texte là où il devrait y en avoir .

Si le style du texte ne vous convient pas , vous pouvez en choisir un autre chez Google fonts et remplacez :

<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
<style>
#apDiv12,#apDiv10,#apDiv11{font-size:20px;font-family: 'Audiowide', cursive;color:#FFFF99;text-shadow:0 0 1px #000000,3px 3px 2px #3366FF;padding:10px;}
</style>

par la font que vous souhaitez ...
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Scoubifitz Lun 16 Fév 2015 - 7:33

Ce que j'aimerais faire :

- Rendre ce code journalier. Afin que les événements s'affichent selon le jour (lundi, mardi, mercredi, jeudi, vendredi, samedi, dimanche) : Par exemple si j'ai un événement qui se passe uniquement le samedi et dimanche, que cette événement s'affiche automatiquement le samedi et le dimanche chaque semaine sans rien n'y toucher, a modifier la veille ou a le remettre correctement le lendemain...

question : quelle partie est différente le week-end par rapport à la semaine ?

En attendant , je me suis amusé à modifier le script :

Code:
<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
<style>
#apDiv12,
#apDiv10,
#apDiv11,
#apDiv13{
font-size:20px;
font-family: 'Audiowide', cursive;color:#FFFF99;
text-shadow:0 0 1px #000000,3px 3px 2px #3366FF;
padding:5px;
}
#lod{
  width:220px;
  height:200px;
  position:relative;
}
#corne,#lodstat{
  font-size:20px;
  font-family: cursive;
  line-height:1;
}
#corne{padding-top:10px;
  color:#ff0000;
  text-shadow: 1px  1px 0 #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff,1px -1px 0px #ffffff;
}
#lodstat{
  position:absolute;
  width:100%;
  bottom:10px;
  color:#FFFF99;
  text-shadow:0 0 1px #000000,3px 3px 2px #3366FF;
}
#lodstat span{
  color:#ffaa00;
}
#apDiv13{
  color:#ff0000;
}
</style>
<script type="text/javascript">
window.onload = function()
{
setInterval(function(){date_heure();}, 1000); //On actualise l'heure toutes les secondes
};

function compZero(nombre)
{
return nombre < 10 ? '0' + nombre : nombre;
};

function date_heure()
{
var infos = new Date();
var minute = infos.getMinutes();
var heure = infos.getHours();
var jour = infos.getDay();
var jour_du_mois = infos.getDate();
var mois = (infos.getMonth()+1);
var msg_ci="";

// Variables pour l'affichage habituel

var msg_canal = "Tous canaux";
var msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
var corne ="";
var corne_canal ="";
var lod_open ="";
var lod_open_canal ="";
var msg_event = "";

// Images de fond LOD ouvert - LOD fermé

var msg_lod_open = "http://i38.servimg.com/u/f38/18/42/41/61/lodope10.jpg";
var msg_lod_close = "http://i38.servimg.com/u/f38/18/42/41/61/lodclo10.jpg";

//Condition suivant l'heure du jour , si différent des variables de l'affichage habituel

switch(heure)
{
case 0:
case 1:
   msg_ci = "Prochain CI : 02h";
   break;
case 2:
case 3:
   msg_ci = "Prochain CI : 04h";
   break;
case 4:
case 5:
   msg_ci = "Prochain CI : 06h";
   break;
case 6:
case 7:
   msg_ci = "Prochain CI : 08h";
   break;
case 8:
case 9:
   msg_ci = "Prochain CI : 10h";
   break;
case 10:
case 11:
   msg_ci = "Prochain CI : 12h";
   break;
case 12:
case 13:
   msg_ci = "Prochain CI : 14h";
   break;
case 14:
   msg_ci = "Prochain CI : 16h";
   msg_lod = msg_lod_open;
   lod_open = "LOD OUVERT";
   lod_open_canal = "Canal 1 et 5";
   break;
case 15:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 16h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 1,2,4 et 5";
   }
   else
   {
      msg_ci = "Prochain CI : 16h";
      msg_lod = msg_lod_open;
      corne = "CORNE";
      corne_canal = "Canal 1 et 5";
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 2 et 4";
   }
   break;
case 16:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 18h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 2,3 et 4";
   }
   else
   {
      msg_ci = "Prochain CI : 18h";
      msg_lod = msg_lod_open;
      corne = "CORNE";
      corne_canal = "Canal 2 et 4";
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 3";
   }
   break;
case 17:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 18h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 3";
   }
   else
   {
      msg_ci = "Prochain CI : 18h";
      msg_lod = msg_lod_close;
      corne = "CORNE";
      corne_canal = "Canal 3";
      lod_open = "LOD FERME";
   }
   break;
case 18:
   msg_ci = "Prochain CI : 20h";
   break;
case 19:
   msg_ci = "Prochain CI : 20h";
   msg_lod = msg_lod_open;
   lod_open = "LOD OUVERT";
   lod_open_canal = "Canal 1 et 5";
   break;
case 20:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 22h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 1,2,4 et 5";
   }
   else
   {
      msg_ci = "Prochain CI : 22h";
      msg_lod = msg_lod_open;
      corne = "CORNE";
      corne_canal = "Canal 1 et 5";
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 2 et 4";
   }
   break;
case 21:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 22h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 2,3 et 4";
   }
   else
   {
      msg_ci = "Prochain CI : 22h";
      msg_lod = msg_lod_open;
      corne = "CORNE";
      corne_canal = "Canal 2 et 4";
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 3";
   }
   break;
case 22:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 00h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 3";
   }
   else
   {
      msg_ci = "Prochain CI : 00h";
      msg_lod = msg_lod_close;
      corne = "CORNE";
      corne_canal = "Canal 3";
      lod_open = "LOD FERME";
   }
   break;
case 23:
   msg_ci = "Prochain CI : 00h";
   break;
}

// des jours avec un affichage différent

switch(jour)
   {
   case 6: // samedi
   case 0: // dimanche
      msg_canal = "Tous canaux<br>Même le week-end";
      break;
   default: // les autres jours
      break;
   }

// maintenance le 04/02 de 9h00 à 15h00
   
for (h = 9; h < 15; h++)
{
if(mois==2 && jour_du_mois==4 && heure==h)
{
msg_ci = "Fin de maintenance : 15h";
msg_canal = "Ton texte de maintenance";
msg_lod = "http://i38.servimg.com/u/f38/12/14/82/30/advanc10.png";
corne = "";
corne_canal = "";
lod_open = "";
lod_open_canal = "";
}
}

// event st valentin du 11/02 au 25/02

for (jdm = 11; jdm < 25; jdm++)
{
if (mois==2 && jour_du_mois==jdm)
{
msg_event = '<img src="http://i38.servimg.com/u/f38/12/14/82/30/nostal10.jpg" align="top" alt="coeur">Event St Valentin';
}
}
 
// remplissage des div de l'html
   
document.getElementById('date_heure').innerHTML = "HEURE : " + compZero(infos.getHours()) + ':' + compZero(infos.getMinutes()) ;
document.getElementById('heure_message_lod').innerHTML='<div id="lod" style="background:url('+msg_lod+')"><div id="corne">'+corne+'<br>'+corne_canal+'</div><div id="lodstat">'+lod_open+'<br><span>'+lod_open_canal+'</span></div></div>';
document.getElementById('heure_message_ci').innerHTML=msg_ci;
document.getElementById('heure_message_canal').innerHTML=msg_canal;
document.getElementById('message_event').innerHTML=msg_event;

}
</script>
<div id="apDiv12">
<div id="date_heure" align="center"></div>
</div>

<div id="divimage">
<div id="heure_message_lod" align="center"></div>
</div>

<div id="apDiv10">
<div id="heure_message_ci" align="center"></div>
</div>

<div id="apDiv11">
<div id="heure_message_canal" align="center"></div>
</div>

<div id="apDiv13">
<div id="message_event" align="center"></div>
</div>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Lun 16 Fév 2015 - 10:30

En ce moment c'est le samedi et dimanche de 17h a 18h et de 20h a 21h
Il y aussi un autre truc qui se passe uniquement le samedi et dimanche de 15h a 22h
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Scoubifitz Lun 16 Fév 2015 - 21:07

Gae67 a écrit:En ce moment c'est le samedi et dimanche de 17h a 18h et de 20h a 21h
Il y aussi un autre truc qui se passe uniquement le samedi et dimanche de 15h a 22h

Un "truc" , c'est un peu vague ...

C'est comme pour une recette de cuisine , on ne peut pas mettre un "truc" ...

il y a les ingrédients , la façon de faire et le résultat final ...

si vous nous donnez les ingrédients ou le résultat final , on peut vous donner la façon de faire ...

pour le moment , l'affichage proposé est paramétrable comme ça :

Modifier un script widget de temps et journalier. Nostal11

1- horloge
2- image de fond
3- texte rouge
4- texte canal rouge
5- texte blanc
6- texte orange
7- texte CI
8- texte Canal
9- texte évenement

pour le week-end , faut-il modifier les paramètres existants ou rajouter des paramètres (comme pour le n°9, mettre un 10ème ?)
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Mar 17 Fév 2015 - 0:27

Non il faudra rajouter car les événements que vous présentez par exemple c'est tous les jours y compris le week-end

Le samedi et dimanche (17h à 18h) et (20h à 21h) Raid Caligor (type d'événement) - Acte 4 (lieu) - Cela superpose donc les événements du lod
Le samedi et dimanche (15h à 22h) Arène des Maîtres (type d'événement) - Canal 5 - Cela superpose également les événements du lod et du raid caligor
Sinon tous les jours (13h à 22h) il y a aussi un Arène des Talents (type d'événement) - Canal 3 et 4 - Cela superpose tous les événements de semaine comme de week-end...

J'espère que vous comprenez.

Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Scoubifitz Mar 17 Fév 2015 - 4:14

donc , un samedi après-midi à 17h , ça donnerait ça :

Modifier un script widget de temps et journalier. Nostal12

Code:
<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
<style>
#apDiv12,
#apDiv10,
#apDiv11,
#apDiv13{
width:220px;margin:auto;
font-size:20px;
font-family: 'Audiowide', cursive;color:#FFFF99;
text-shadow:0 0 1px #000000,3px 3px 2px #3366FF;
text-align:center;
padding:5px;
}
#divimage{
width:220px;
margin:auto;
text-align:center;
}
#lod{
  width:220px;
  height:200px;
  position:relative;
}
#corne,#lodstat{
  font-size:20px;
  font-family: cursive;
  line-height:1;
}
#corne{padding-top:10px;
  color:#ff0000;
  text-shadow: 1px  1px 0 #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff,1px -1px 0px #ffffff;
}
#lodstat{
  position:absolute;
  width:100%;
  bottom:10px;
  color:#FFFF99;
  text-shadow:0 0 1px #000000,3px 3px 2px #3366FF;
}
#lodstat span{
  color:#ffaa00;
}
#raid_caligor{
  color:Gold;
}
#arene_maitre{
  color:#dddddd;
}
#arene_talent{
  color:#ccffff;
}
#apDiv13{
  color:#ff0000;
}
</style>
<script type="text/javascript">
window.onload = function()
{
setInterval(function(){date_heure();}, 1000); //On actualise l'heure toutes les secondes
};

function compZero(nombre)
{
return nombre < 10 ? '0' + nombre : nombre;
};

function date_heure()
{
var infos = new Date();
var minute = infos.getMinutes();
var heure = infos.getHours();
var jour = infos.getDay();
var jour_du_mois = infos.getDate();
var mois = (infos.getMonth()+1);
var msg_ci="";

// Variables pour l'affichage habituel

var msg_canal = "Tous canaux";
var msg_lod = "http://img11.hostingpics.net/pics/477189puit.jpg";
var corne ="";
var corne_canal ="";
var lod_open ="";
var lod_open_canal ="";
var msg_event = "";
var raid_caligor = "";
var arene_maitre = "";
var arene_talent = "";
// Images de fond LOD ouvert - LOD fermé

var msg_lod_open = "http://i38.servimg.com/u/f38/18/42/41/61/lodope10.jpg";
var msg_lod_close = "http://i38.servimg.com/u/f38/18/42/41/61/lodclo10.jpg";

//Condition suivant l'heure du jour , si différent des variables de l'affichage habituel

switch(heure)
{
case 0:
case 1:
   msg_ci = "Prochain CI : 02h";
   break;
case 2:
case 3:
   msg_ci = "Prochain CI : 04h";
   break;
case 4:
case 5:
   msg_ci = "Prochain CI : 06h";
   break;
case 6:
case 7:
   msg_ci = "Prochain CI : 08h";
   break;
case 8:
case 9:
   msg_ci = "Prochain CI : 10h";
   break;
case 10:
case 11:
   msg_ci = "Prochain CI : 12h";
   break;
case 12:
case 13:
   msg_ci = "Prochain CI : 14h";
    arene_talent = "Arène des Talents<br>Canal 3 et 4";
   break;
case 14:
   msg_ci = "Prochain CI : 16h";
   msg_lod = msg_lod_open;
   lod_open = "LOD OUVERT";
   lod_open_canal = "Canal 1 et 5";
    arene_talent = "Arène des Talents<br>Canal 3 et 4";
   break;
case 15:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 16h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 1,2,4 et 5";
      arene_talent = "Arène des Talents<br>Canal 3 et 4";
   }
   else
   {
      msg_ci = "Prochain CI : 16h";
      msg_lod = msg_lod_open;
      corne = "CORNE";
      corne_canal = "Canal 1 et 5";
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 2 et 4";
      arene_talent = "Arène des Talents<br>Canal 3 et 4";
   }
   break;
case 16:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 18h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 2,3 et 4";
    arene_talent = "Arène des Talents<br>Canal 3 et 4";
   }
   else
   {
      msg_ci = "Prochain CI : 18h";
      msg_lod = msg_lod_open;
      corne = "CORNE";
      corne_canal = "Canal 2 et 4";
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 3";
    arene_talent = "Arène des Talents<br>Canal 3 et 4";
   }
   break;
case 17:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 18h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 3";
    arene_talent = "Arène des Talents<br>Canal 3 et 4";
   }
   else
   {
      msg_ci = "Prochain CI : 18h";
      msg_lod = msg_lod_close;
      corne = "CORNE";
      corne_canal = "Canal 3";
      lod_open = "LOD FERME";
    arene_talent = "Arène des Talents<br>Canal 3 et 4";
   }
   break;
case 18:
   msg_ci = "Prochain CI : 20h";
    arene_talent = "Arène des Talents<br>Canal 3 et 4";
   break;
case 19:
   msg_ci = "Prochain CI : 20h";
   msg_lod = msg_lod_open;
   lod_open = "LOD OUVERT";
   lod_open_canal = "Canal 1 et 5";
    arene_talent = "Arène des Talents<br>Canal 3 et 4";
   break;
case 20:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 22h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 1,2,4 et 5";
    arene_talent = "Arène des Talents<br>Canal 3 et 4";
   }
   else
   {
      msg_ci = "Prochain CI : 22h";
      msg_lod = msg_lod_open;
      corne = "CORNE";
      corne_canal = "Canal 1 et 5";
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 2 et 4";
    arene_talent = "Arène des Talents<br>Canal 3 et 4";
   }
   break;
case 21:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 22h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 2,3 et 4";
   }
   else
   {
      msg_ci = "Prochain CI : 22h";
      msg_lod = msg_lod_open;
      corne = "CORNE";
      corne_canal = "Canal 2 et 4";
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 3";
   }
   break;
case 22:
   if(minute<30)
   {
      msg_ci = "Prochain CI : 00h";
      msg_lod = msg_lod_open;
      lod_open = "LOD OUVERT";
      lod_open_canal = "Canal 3";
   }
   else
   {
      msg_ci = "Prochain CI : 00h";
      msg_lod = msg_lod_close;
      corne = "CORNE";
      corne_canal = "Canal 3";
      lod_open = "LOD FERME";
   }
   break;
case 23:
   msg_ci = "Prochain CI : 00h";
   break;
}

// des jours avec un affichage différent

if((jour==0||jour==6) && (heure==17||heure==20))
{
raid_caligor = "Raid Caligor<br>Acte 4";
}
 
for (wh = 15; wh < 22; wh++)
{
if((jour==0||jour==6) && heure==wh)
{
arene_maitre = "Arène des Maîtres<br>Canal 5";
}
}

// maintenance le 04/02 de 9h00 à 15h00
   
for (h = 9; h < 15; h++)
{
if(mois==2 && jour_du_mois==4 && heure==h)
{
msg_ci = "Fin de maintenance : 15h";
msg_canal = "Ton texte de maintenance";
msg_lod = "http://i38.servimg.com/u/f38/12/14/82/30/advanc10.png";
corne = "";
corne_canal = "";
lod_open = "";
lod_open_canal = "";
}
}

// event st valentin du 11/02 au 25/02

for (jdm = 11; jdm < 25; jdm++)
{
if (mois==2 && jour_du_mois==jdm)
{
msg_event = '<img src="http://i38.servimg.com/u/f38/12/14/82/30/nostal10.jpg" style="float:left" alt="coeur">Evènement<br>St Valentin';
}
}
 
// remplissage des div de l'html
   
document.getElementById('date_heure').innerHTML = "HEURE : " + compZero(infos.getHours()) + ':' + compZero(infos.getMinutes()) ;
document.getElementById('heure_message_lod').innerHTML='<div id="lod" style="background:url('+msg_lod+')"><div id="corne">'+corne+'<br>'+corne_canal+'</div><div id="lodstat">'+lod_open+'<br><span>'+lod_open_canal+'</span></div></div>';
document.getElementById('heure_message_ci').innerHTML=msg_ci;
document.getElementById('heure_message_canal').innerHTML=msg_canal;
document.getElementById('raid_caligor').innerHTML=raid_caligor;
document.getElementById('arene_maitre').innerHTML=arene_maitre;
document.getElementById('arene_talent').innerHTML=arene_talent;
document.getElementById('message_event').innerHTML=msg_event;

}
</script>
<div id="apDiv12">
<div id="date_heure"></div>
</div>

<div id="divimage">
<div id="heure_message_lod"></div>
</div>

<div id="apDiv10">
<div id="heure_message_ci"></div>
<div id="heure_message_canal"></div>
</div>

<div id="apDiv11">
<div id="raid_caligor"></div>
<div id="arene_maitre"></div>
<div id="arene_talent"></div>
</div>

<div id="apDiv13">
<div id="message_event"></div>
</div>


Dernière édition par Scoubifitz le Mar 17 Fév 2015 - 12:48, édité 1 fois
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Mar 17 Fév 2015 - 12:27

J'aime bien le principe, concernant les événements il y a possibilité de mettre également des horaires suivi des dates?
Ensuite pour les couleurs je ne sais pas vraiment ou trop toucher si je souhaite les modifier?!

Merci d'avance !
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Scoubifitz Mar 17 Fév 2015 - 13:46

D'abord , j'ai édité le code juste au-dessus , parce qu'il y avait une boulette au niveau de l'horaire du "raid calidor" ...

Ensuite , l'évènement pour la saint valentin est déjà programmée . c'est ce bout de script :

Code:
// event st valentin du 11/02 au 25/02

for (jdm = 11; jdm < 25; jdm++)
{
if (mois==2 && jour_du_mois==jdm)
{
msg_event = '<img src="http://i38.servimg.com/u/f38/12/14/82/30/nostal10.jpg" style="float:left" alt="coeur">Evènement<br>St Valentin';
}
}

Naturellement ce script ne sert pas à grand chose si les variables : mois , jour_du_mois , msg_event ne sont pas définies , et que l'envoi ne se fait pas dans la partie HTML ...

Pour la maintenance par exemple , j'utilise ceci :

Code:
// maintenance le 04/02 de 9h00 à 15h00
   
for (h = 9; h < 15; h++)
{
if(mois==2 && jour_du_mois==4 && heure==h)
{
msg_ci = "Fin de maintenance : 15h";
msg_canal = "Ton texte de maintenance";
msg_lod = "http://i38.servimg.com/u/f38/12/14/82/30/advanc10.png";
corne = "";
corne_canal = "";
lod_open = "";
lod_open_canal = "";
}
}
ce qui permet de programmer une date précise sur une période d'heures données .

Pour les couleurs , j'avais oublié de préciser :

Code:
#corne{padding-top:10px;
  color:#ff0000; /* couleur rouge */
  text-shadow: 1px  1px 0 #ffffff,-1px -1px 0px #ffffff,-1px 1px 0px #ffffff,1px -1px 0px #ffffff;
}
#lodstat{
  position:absolute;
  width:100%;
  bottom:10px;
  color:#FFFF99; /* couleur jaune très pale */
  text-shadow:0 0 1px #000000,3px 3px 2px #3366FF;
}
#lodstat span{
  color:#ffaa00; /* couleur orange clair */
}
#raid_caligor{
  color:Gold; /* couleur or */
}
#arene_maitre{
  color:#dddddd; /* couleur gris clair */
}
#arene_talent{
  color:#ccffff; /* couleur bleu clair */
}
#apDiv13{
  color:#ff0000; /* couleur rouge */
}
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Mar 17 Fév 2015 - 23:30

J'ai également une question concernant la maintenance.

Si jamais le mode de maintenance est activée, est-il possible de désactiver tous les autres activités en cours au moment de la maintenance car bien entendu nous ne pourrons pas faire ces activités.

Quand je parlais de l'événement je souhaitai savoir si il était possible d'y ajouter une heure de début et de fin, ces événements apparaissent avec les mises à jours uniquement donc nous sommes prévenus à l'avance.

Pour le raid caligor il est à savoir qu'entre 18h et 20h le raid est fermé, donc impossible d'y aller il serait donc souhaitable qu'il ne soit pas sur le widget.

Ensuite j'aimerai savoir si c'est possible d'échanger les places entre l'arène des maîtres et l'arène des talents.

Merci beaucoup !
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Scoubifitz Mar 17 Fév 2015 - 23:46

Pour la maintenance , remplacez la partie de code par celle ci :

Code:
// maintenance le 04/02 de 9h00 à 15h00
   
for (h = 9; h < 15; h++)
{
if(mois==2 && jour_du_mois==4 && heure==h)
{
msg_ci = "Maintenance";
msg_canal = "Fin prévue à 15h00";
msg_lod = "http://i38.servimg.com/u/f38/12/14/82/30/advanc10.png";
var corne ="";
var corne_canal ="";
var lod_open ="";
var lod_open_canal ="";
var msg_ci="";
var raid_caligor = "";
var arene_maitre = "";
var arene_talent = "";
var msg_event = "";
}
}

il restera juste l'horloge , l'image et le texte de maintenance ... tous les autres textes seront vides .

Pour le raid calidor , c'est ce morceau de script :

Code:
// des jours avec un affichage différent

if((jour==0||jour==6) && (heure==17||heure==20))
{
raid_caligor = "Raid Caligor<br>Acte 4";
}

donc , dimanche(=0) et samedi(=6) de 17h à 17h59 , et de 20h à 20h59 il y aura le texte : "raid calidor acte 4" ...

pour échanger les 2 lignes , trouver ceci à la fin du code (c'est la partie html) et changez les de place :


<div id="apDiv11">
<div id="raid_caligor"></div>
<div id="arene_maitre"></div>
<div id="arene_talent"></div>

</div>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Mer 18 Fév 2015 - 0:21

Vous avez oublié l'événement :p :

Quand je parlais de l'événement je souhaitai savoir si il était possible d'y ajouter une heure de début et de fin, ces événements apparaissent avec les mises à jours uniquement donc nous sommes prévenus à l'avance.

Clair et précis sinon pour le reste merci bien ! Je vais le mettre demain matin en place de 10h a 12h il se peut que je posterai sur ce sujet si des problèmes devraient arriver ce que je n'espère pas :p


EDIT 11H11 : Il y a un soucis avec la couleur des événements, beau à le changer cela ne fonctionne pas !
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Scoubifitz Mer 18 Fév 2015 - 21:14

Pour la couleur de l'évènement "st valentin" , c'est ce style qui commande la couleur :

Code:
#apDiv13{
  color:#ff0000; /* couleur rouge */
}

remplacez le par cette couleur :

Code:
#apDiv13{
  color:#ffff99; /* couleur jaune pale */
}

pour la st valentin par exemple , on peut imaginer que l'évènement débute le 11/02 à 11h00 et s'arrête le 25/02 à 9h00 ...

ce qui donnerait :

Code:
// event st valentin du 11/02 à 11h00 au 25/02 à 9h00

for (jdm = 12; jdm < 25; jdm++)
{
if ((mois==2 && jour_du_mois==11 && heure>=11)||(mois==2 && jour_du_mois==jdm)||(mois==2 && jour_du_mois==25 && heure<9))
{
msg_event = '<img src="http://i38.servimg.com/u/f38/12/14/82/30/nostal10.jpg" style="float:left" alt="coeur">Evènement<br>St Valentin';
}
}

comme il y a plusieurs conditions , il faut vérifier chaque condition avant la suivante .

première condition : le 11/02 après 11h (mois==2 && jour_du_mois==11 && heure>=11)

deuxième condition : du 12/02 au 25/02 exclu [for (jdm = 12; jdm < 25; jdm++) et (mois==2 && jour_du_mois==jdm)]

dernière condition : le 25/02 avant 9h (mois==2 && jour_du_mois==25 && heure<9)

en dehors de ces conditions , rien ne se passe ... jusqu'à l'année suivante ...
voilà ...
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Mer 18 Fév 2015 - 23:48

Et on peut dupliquer ce code autant de fois qu'on veut, sur autant d'événements ou justement changer les informations?
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Scoubifitz Ven 20 Fév 2015 - 9:13

ce bout de code vérifie des conditions de date et d'heure . Si ces conditions sont vraies , un message sera affiché .

Ce message est envoyé grâce à ceci :

Code:
document.getElementById('message_event').innerHTML=msg_event;

et uniquement dans cette partie du code HTML :

Code:
<div id="message_event"></div>

Donc , donc , si l'évènement est fini , on peut utiliser ce code pour un autre évènement en changeant les infos , mais pas en même temps que l’événement en cours .

On peut aussi créer un autre évènement , qui peut s'afficher en dessous de celui là , ou au dessus ...



On va prendre un exemple concret . J'ai un peu regardé les différents évènements qui rythment votre jeu .

Il y a un évènement journalier : la bataille de l'arc-en-ciel , qui dure 10 minutes toutes les 3 heures ...

Comme c'est un évènement à part , on va créer un emplacement pour l'affichage du texte (comme pour l'event de la st valentin)

1- on va placer la div qui contiendra le message sous la div qui contient :"tous les canaux" . on lui donne un identifiant (message_arc) .

<div id="apDiv10">
<div id="heure_message_ci"></div>
<div id="heure_message_canal"></div>
<div id="message_arc"></div>

</div>

2- Dans le script on va donner une instruction supplémentaire qui dira de rajouter un texte (fourni par une variable msg_arc)

// remplissage des div de l'html

document.getElementById('date_heure').innerHTML = "HEURE : " + compZero(infos.getHours()) + ':' + compZero(infos.getMinutes()) ;
document.getElementById('heure_message_lod').innerHTML='<div id="lod" style="background:url('+msg_lod+')"><div id="corne">'+corne+'<br>'+corne_canal+'</div><div id="lodstat">'+lod_open+'<br><span>'+lod_open_canal+'</span></div></div>';
document.getElementById('heure_message_ci').innerHTML=msg_ci;
document.getElementById('heure_message_canal').innerHTML=msg_canal;
document.getElementById('raid_caligor').innerHTML=raid_caligor;
document.getElementById('arene_maitre').innerHTML=arene_maitre;
document.getElementById('arene_talent').innerHTML=arene_talent;
document.getElementById('message_event').innerHTML=msg_event;
document.getElementById('message_arc').innerHTML=msg_arc;

3- on rajoute cette variable à la liste des variables pour dire qu'habituellement elle est vide

// Variables pour l'affichage habituel

var msg_lod = "https://2img.net/r/hpimg11/pics/477189puit.jpg";
var corne ="";
var corne_canal ="";
var lod_open ="";
var lod_open_canal ="";
var msg_ci="";
var msg_canal = "Tous canaux";
var raid_caligor = "";
var arene_maitre = "";
var arene_talent = "";
var msg_event = "";
var msg_arc = "";

4- dernière étape : le script qui réuni les conditions pour l'affichage

première condition : de 0h00 à 23h00 , seulement toutes les 3 heures
deuxième condition : seulement inférieur ou égal à 10 minutes
dernière condition mettre un texte dans la variable msg_arc

Ce qui donne :

// event st valentin du 11/02 à 9h00 au 25/02 à 11h

for (jdm = 12; jdm < 25; jdm++)
{
if ((mois==2 && jour_du_mois==11 && heure>=9)||(mois==2 && jour_du_mois==jdm)||(mois==2 && jour_du_mois==25 && heure<11))
{
msg_event = '<img src="https://i.servimg.com/u/f38/12/14/82/30/nostal10.jpg" style="float:left" alt="coeur">Evènement<br>St Valentin';
}
}
// event arc en ciel de 10 minutes toutes les 3 heures

for (arc_h = 0; arc_h < 23; arc_h += 3)
{
if (heure==arc_h && minute <= 10)
{
msg_arc = "Bataille Arc-en ciel";
}
}

Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Modifier un script widget de temps et journalier. Empty Re: Modifier un script widget de temps et journalier.

Message par Gae67 Ven 20 Fév 2015 - 12:25

Pour la bataille arc-en-ciel j'ai fait un test sur le forum test et il ne part pas à partir de la 11ème minute...
Gae67

Gae67
*****

Masculin
Messages : 837
Inscrit(e) le : 23/03/2009

http://famille-r3d-dw4rf.com/
Gae67 a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum