IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Mon horloge ne s'affiche plus


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Homme Profil pro
    sans emploi
    Inscrit en
    Août 2016
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Meuse (Lorraine)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Août 2016
    Messages : 6
    Par défaut Mon horloge ne s'affiche plus
    Bonjour,

    Je laisse ce message car j'ai un soucis avec mon horloge. En effet l'heure n'apparait plus pouvez vous m'aider à trouver la raison du problème merci d'avance ?
    Voici le code que j'utilise :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
    <title>Horloge</title> 
    <SCRIPT LANGUAGE="JavaScript"> 
    navvers = navigator.appVersion.substring(0,1); 
    if (navvers > 3) 
     navok = true; 
    else 
     navok = false; 
     
    today = new Date; 
    numero = today.getDate(); 
    if (numero<10) 
     numero = "0"+numero; 
    mois = today.getMonth(); 
    if (navok) 
     annee = today.getFullYear(); 
    else 
     annee = today.getYear(); 
    mois++; 
    if (mois < 10) 
     mois = "0" + mois; 
    messageDate = numero + "/" + mois + "/" + annee; 
    function HeureCheck() 
    { 
    krucial = new Date; 
    heure = krucial.getHours(); 
    min = krucial.getMinutes(); 
    sec = krucial.getSeconds(); 
    jour = krucial.getDate(); 
    mois = krucial.getMonth()+1; 
    annee = krucial.getFullYear(); 
    if (sec < 10) 
    sec0 = "0"; 
    else 
    sec0 = ""; 
    if (min < 10) 
    min0 = "0"; 
    else 
    min0 = ""; 
    if (heure < 10) 
    heure0 = "0"; 
    else 
    heure0 = ""; 
    DinaHeure = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec; 
    which = DinaHeure 
    if (document.all){ 
    dynamic3.innerHTML='<center>00:00:00</center>' 
    dynamic3.innerHTML='<FONT SIZE=2 FACE=" comic sans ms black "><B>'+which+'</B></FONT>'; 
    } 
    else if (document.layers){ 
    document.dynamic1.document.dynamic2.document.write(''+which+'') 
    document.dynamic1.document.dynamic2.document.close() 
    } 
    tempo = setTimeout("HeureCheck()", 1000) 
    } 
    </SCRIPT> 
    </head> 
    <body onLoad="HeureCheck()" onUnload="clearTimeout(tempo)"> 
     
     
    <table border="0" cellspacing="0" cellpadding="0" width="50" height="50"> 
      <tr> 
    <td bgcolor="#000000" style="border: 1 solid #000000 " > 
    <table summary="" border="0" width="100%" height="100%"> 
    <tr> 
    <!--  couleur fond et texte --> 
    <td  background="#000000"><CENTER> 
    <font color="#FFFFFF"> 
    <!--  fin couleur fond et texte --> 
    <FONT SIZE=2 FACE="comic sans ms black"><B><SCRIPT LANGUAGE="JavaScript"> document.write(messageDate); </SCRIPT> 
                  </B></FONT>  
                  <!-- image ici  --> 
                  <a target="_blank" title="Cartoons spirit" href="http://www.cartoons-spirit.fr/">  
                  <img border="0" src="http://cartoons.spirit.free.fr/Monsite/Horloge/HORLOGE1.jpg" width="135" height="170"></a> 
                  <!-- fin image ici --> 
                  </a>  
                  <ilayer id="dynamic1" width=100% height=15><layer id="dynamic2" width=100% height=15><div id="dynamic3"></div></layer></ilayer> 
            </font></CENTER> 
      </td> 
     </tr> 
    </table> 
     </tr> 
    </table> 
    </body> 
    </html>

  2. #2
    Membre éprouvé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2003
    Messages
    1 309
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Saint Denis (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Service public

    Informations forums :
    Inscription : Avril 2003
    Messages : 1 309
    Par défaut
    Bonjour,

    quels changements y a-t-il eu entre temps ?

    Sur mon poste (IE11 et Chrome) la date (sans heure) et l'image s'affichent, mais il n'y a pas d'heure.

    Remplacez if ... else ... par
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("dynamic2").innerHTML = DinaHeure;
    pour voir l'heure.

  3. #3
    Membre très actif
    Homme Profil pro
    bricoleur par les mots
    Inscrit en
    Avril 2015
    Messages
    744
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 80
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : bricoleur par les mots
    Secteur : Distribution

    Informations forums :
    Inscription : Avril 2015
    Messages : 744
    Par défaut
    jour

    j' ai remis partiellement le script au gout du jour il en avait grandement besoin js et html

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
    <title>Horloge</title> 
    <script> 
     
    function hor_init(){
     
    	var today = new Date;
     
    	var numero = today.getDate(); 
    	numero = numero<10 ? "0"+numero : numero;
     
    	var mois = today.getMonth()+1;
    	mois =mois < 10 ? "0" + mois : mois;
     
    	var annee = today.getFullYear(); 
     
    	document.getElementById("messageDate").innerHTML = numero + "/" + mois + "/" + annee;
     
    	HeureCheck();
    }
     
    function HeureCheck(){
     
    	var krucial = new Date; 
    	var heure = krucial.getHours(); 
    	var min = krucial.getMinutes(); 
    	var sec = krucial.getSeconds(); 
     
    	sec =sec < 10 ? "0"+sec : sec;
     
    	min =min < 10 ? "0"+min : min; 
     
    	heure = heure < 10 ? "0"+heure : heure; 
     
    	var DinaHeure = heure + ":" + min + ":" + sec; 
     
    	document.getElementById("dynamic3").innerHTML=DinaHeure; 
     
    	setTimeout(HeureCheck, 1000);
    }
     
    typeof window.addEventListener == 'undefined' ? document.attachEvent('onload', hor_init) : addEventListener('load', hor_init, false);
     
    </script>
    </head>
    <body>
     
    <!--  couleur fond et texte --> 
    <div style="width:150px;height:205px;background:#000000;color:#FFFFFF;text-align:center;padding:3px;border: 1px solid #000000;box-shadow: 10px 12px 13px -6px rgba(6,10,31,1);">
    <!--  fin couleur fond et texte --> 
    	<span style=" font:bold 11px comic sans ms;" id="messageDate"></span>
         <!-- image ici  --> 
        <a target="_blank" title="Cartoons spirit" href="http://www.cartoons-spirit.fr/">
        <img src="http://cartoons.spirit.free.fr/Monsite/Horloge/HORLOGE1.jpg" style="width:135px;height:170px;border-size:0px;"/></a>
        <!-- fin image ici --> 
         </a>
         <span style="font:bold 12px comic sans ms;" id="dynamic3"></span>
     </div>
     
    </body>
    </html>

  4. #4
    Nouveau membre du Club
    Homme Profil pro
    sans emploi
    Inscrit en
    Août 2016
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Meuse (Lorraine)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Août 2016
    Messages : 6
    Par défaut
    Merci pour le code melka one qui fonctionne très bien et merci pour ton aide. Je vous remercie tous pour votre aide. L'un d'entre vous m'a aussi proposé cette mis à jour du code que vous pouvez le voir ci dessous et qui fonctionne aussi très bien. Merci encore de votre aide.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
     
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
    <title>Horloge</title> 
    <SCRIPT type="text/javascript"> 
    var tempo;
    function get_date(){
      navok = navigator.appVersion.substring(0,1) > 3 ? true : false ;
     
      today = new Date; 
      numero = today.getDate(); 
      numero = numero < 10 ? "0"+numero : numero; 
     
      annee = navok ? today.getFullYear() : today.getYear(); 
     
      mois = today.getMonth() + 1 < 10 ? "0" + (today.getMonth() + 1) :(today.getMonth() + 1) ; 
      messageDate = numero + "/" + mois + "/" + annee; 
      return messageDate;
    }
     
     
    function HeureCheck() { 
      krucial = new Date; 
      heure = krucial.getHours(); 
      min = krucial.getMinutes(); 
      sec = krucial.getSeconds(); 
      jour = krucial.getDate(); 
      mois = krucial.getMonth()+1; 
      annee = krucial.getFullYear(); 
     
      sec0 = sec < 10 ? "0" : "";
      min0 = min < 10 ? "0" : "";
      heure0 = heure < 10 ? "0" : "";
     
      which = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec; 
     
      document.getElementById('dynamic3').innerHTML='<FONT SIZE=2 FACE=" comic sans ms black "><B>'+which+'</B></FONT>'; 
     
      tempo = setTimeout("HeureCheck()", 1000);
    } 
    </SCRIPT> 
    </head> 
    <body onLoad="HeureCheck()" onUnload="clearTimeout(tempo)"> 
     
     
    <table border="0" cellspacing="0" cellpadding="0" width="50" height="50"> 
      <tr> 
    <td bgcolor="#000000" style="border: 1 solid #000000 " > 
    <table summary="" border="0" width="100%" height="100%"> 
    <tr> 
    <!--  couleur fond et texte --> 
    <td  background="#000000"><CENTER> 
    <font color="#FFFFFF"> 
    <!--  fin couleur fond et texte --> 
    <FONT SIZE=2 FACE="comic sans ms black"><B><SCRIPT LANGUAGE="JavaScript"> document.write(get_date()); </SCRIPT> 
                  </B></FONT> 
     <!-- image ici  --> 
                  <a title="Cartoons spirit" href="http://www.cartoons-spirit.fr/" rel="nofollow noopener noreferrer" target="_blank">  
                  <img border="0" src=""http://cartoons.spirit.free.fr/Monsite/Horloge/HORLOGE1.jpg" width="135" height="170"></a> 
                  <!-- fin image ici --> 
                  </a>   
                  <ilayer id="dynamic1" width=100% height=15><layer id="dynamic2" width=100% height=15><div id="dynamic3"></div></layer></ilayer> 
            </font></CENTER> 
      </td> 
     </tr> 
    </table> 
     </tr> 
    </table> 
    </body> 
    </html>

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AC-2003] Probleme d'affichage du code article via code a barre
    Par Expensive dans le forum IHM
    Réponses: 2
    Dernier message: 25/12/2012, 08h52
  2. probleme de code, affichage du panel
    Par DoraAimeLePoulet dans le forum ASP.NET
    Réponses: 3
    Dernier message: 30/05/2008, 18h18
  3. IE - Probleme d'affichage lié à l'indentation du code
    Par krapno dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 05/03/2007, 07h41
  4. Probleme d'affichage sour firefox de code javascript css
    Par pod1978 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 21/10/2005, 13h09

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo