Différences d'exécution JS sous IE et Mozilla

**hyper123** · 15/03/2013, 10h03

Bonjour à tous !!

J'ai ce petit bout de code JS suivi de quelques lignes HTML qui m'affiche l'heure de 3 endroit différent.
Sous IE cela fonctionne à merveille mais sous Mozilla cela ne fonctionne pas , c'est à dire que l'heure ne s'affiche tout simplement pas !!

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
 
<html>
<head>
<link rel="stylesheet" type="text/css" href="new2.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>L'heure des DOM-TOM </title>
<script language="JavaScript">
function HeureCheckEJS()
{
krucial = new Date;
heure = krucial.getHours();
min = krucial.getMinutes();
jour = krucial.getDate();
mois = krucial.getMonth()+1;
annee = krucial.getFullYear();
if (min < 10)
min0 = "0";
else
min0 = "";
if (heure < 10)
heure0 = "0";
else
heure0 = "";
DinaHeure = heure0 + heure + ":" + min0 + min ;
which = DinaHeure
if (document.all){
dynamicparis.innerHTML='<center>00:00</center>'
dynamicparis.innerHTML='<FONT SIZE=10px FACE="Verdana"><B>'+which+'</B></FONT>';
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<FONT SIZE=10px FACE="Verdana, Arial"><B>'+which+'</B></FONT>')
document.dynamic1.document.dynamic2.document.close()
}
tempoEJS = setTimeout("HeureCheckEJS()", 1000)
}
</script>
<script language="JavaScript">
function martinique()
{
fuseau = -4; // Martinique
memoire = fuseau;
x = new Date();
heure_gmt_temp = x.getUTCHours();
heure_gmt = heure_gmt_temp + fuseau;
if ( heure_gmt < 0 ) {
	heure_gmt = 24 + heure_gmt;
	}
if (heure_gmt > 23) {
	heure_gmt = heure_gmt - 24;
	}
if (heure_gmt_temp <= 9) heure_gmt_temp = "0" + heure_gmt_temp;
if (heure_gmt <= 9) heure_gmt = "0" + heure_gmt;
minutes = x.getMinutes();
if (minutes <= 9) minutes = "0" + minutes;
gmt_base = heure_gmt_temp + ":" + minutes;
gmt = heure_gmt + ":" + minutes ;
which = gmt
if (document.all){
dynamic3.innerHTML='<center>00:00</center>'
dynamic3.innerHTML='<FONT SIZE=10px FACE="Verdana"><B>'+which+'</B></FONT>';
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<FONT SIZE=10 FACE="Verdana, Arial"><B>'+which+'</B></FONT>')
document.dynamic1.document.dynamic2.document.close()
}
tempoMAR = setTimeout("martinique()", 1000)
}
function reunion()
{
fuseau1 = 4; // Réunion
memoire1 = fuseau1;
x1 = new Date();
heure_gmt_temp1 = x1.getUTCHours();
heure_gmt1 = heure_gmt_temp1 + fuseau1;
if ( heure_gmt1 < 0 ) {
	heure_gmt1 = 24 + heure_gmt1;
	}
if (heure_gmt1 > 23) {
	heure_gmt1 = heure_gmt1 - 24;
	}
if (heure_gmt_temp1 <= 9) heure_gmt_temp1 = "0" + heure_gmt_temp1;
if (heure_gmt1 <= 9) heure_gmt1 = "0" + heure_gmt1;
minutes1 = x1.getMinutes();
if (minutes1 <= 9) minutes1 = "0" + minutes1;
gmt_base1 = heure_gmt_temp1 + ":" + minutes1;
gmt1 = heure_gmt1 + ":" + minutes1;
which1 = gmt1
if (document.all){
dynamic31.innerHTML='<center>00:00</center>'
dynamic31.innerHTML='<FONT SIZE=10px FACE="Verdana"><B>'+which1+'</B></FONT>';
}
else if (document.layers){
document.dynamic11.document.dynamic21.document.write('<FONT SIZE=30 FACE="Verdana, Arial"><B>'+which1+'</B></FONT>')
document.dynamic11.document.dynamic21.document.close()
}
tempoREU = setTimeout("reunion()", 1000)
}
</script>
 
</head>
 
<body bgcolor="#FFFFFF" text="#FFFFFF" leftmargin="0" marginwidth="0" onLoad="martinique(); reunion(); HeureCheckEJS()" onUnload="clearTimeout(tempoMAR); clearTimeout(tempoREU); clearTimeout(tempoEJS)" topmargin="0" background="_pics/mon_image">  
<table width="372" height="304" border="0" cellspacing="1" cellpadding="0">
 
  <tr valign="middle"> 
    <td> 
      <div align="center"><b><font face="Verdana, Helvetica" size="-1" color="black"> 
        <DIV class=para1 align=center>Heure de Paris</div></font></b></div>
        <DIV class=para2 align=center><div id="dynamicparis" align="center"></div>
      </div>
    </td>
  </tr>
  <tr valign="middle"> 
    <td> 
      <div align="center"><b><font face="Verdana, Helvetica" size="-1" color="black"> 
        <DIV class=para1 align=center>Heure des Antilles</div></font></b></div>
        <DIV class=para2 align=center><div id="dynamic3"></div>
      </div>
    </td>
  </tr>
  <tr valign="middle"> 
    <td> 
      <div align="center"><b><font face="Verdana, Helvetica" size="-1" color="black"> 
        <DIV class=para1 align=center>Heure de la Réunion</div></font></b></div>
        <DIV class=para2 align=center><div id="dynamic31"></div>
      </div>
    </td>
  </tr>
</table>
</body>
</html>

Quelqu'un peut il m'expliquer pourquoi??

**SpaceFrog** · 15/03/2013, 10h21

Oulà c'est plus du js... c'est de l'archéologie ^^

Bon est collant des pansements voici un code qui fait illusion

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
 
<html>
<head>
<link rel="stylesheet" type="text/css" href="new2.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>L'heure des DOM-TOM </title>
<style type="text/css">
#dynamicparis, #dynamic3,#dynamic31 {color : black;}
</style>
<script type="text/javascript">
 
function HeureCheckEJS()
{
krucial = new Date;
heure = krucial.getHours();
min = krucial.getMinutes();
jour = krucial.getDate();
mois = krucial.getMonth()+1;
annee = krucial.getFullYear();
if (min < 10)
min0 = "0";
else
min0 = "";
if (heure < 10)
heure0 = "0";
else
heure0 = "";
DinaHeure = heure0 + heure + ":" + min0 + min ;
which = DinaHeure
document.getElementById('dynamicparis').innerHTML='<center>00:00</center>'
document.getElementById('dynamicparis').innerHTML='<FONT SIZE=10px FACE="Verdana"><B>'+which+'</B></FONT>';
tempoEJS = setTimeout(HeureCheckEJS, 1000)
}
 
function martinique()
{
fuseau = -4; // Martinique
memoire = fuseau;
x = new Date();
heure_gmt_temp = x.getUTCHours();
heure_gmt = heure_gmt_temp + fuseau;
if ( heure_gmt < 0 ) {
	heure_gmt = 24 + heure_gmt;
	}
if (heure_gmt > 23) {
	heure_gmt = heure_gmt - 24;
	}
if (heure_gmt_temp <= 9) heure_gmt_temp = "0" + heure_gmt_temp;
if (heure_gmt <= 9) heure_gmt = "0" + heure_gmt;
minutes = x.getMinutes();
if (minutes <= 9) minutes = "0" + minutes;
gmt_base = heure_gmt_temp + ":" + minutes;
gmt = heure_gmt + ":" + minutes ;
which = gmt
document.getElementById('dynamic3').innerHTML='<center>00:00</center>'
document.getElementById('dynamic3').innerHTML='<FONT SIZE=10px FACE="Verdana"><B>'+which+'</B></FONT>';
tempoMAR = setTimeout("martinique()", 1000)
}
 
function reunion()
{
fuseau1 = 4; // Réunion
memoire1 = fuseau1;
x1 = new Date();
heure_gmt_temp1 = x1.getUTCHours();
heure_gmt1 = heure_gmt_temp1 + fuseau1;
if ( heure_gmt1 < 0 ) {
	heure_gmt1 = 24 + heure_gmt1;
	}
if (heure_gmt1 > 23) {
	heure_gmt1 = heure_gmt1 - 24;
	}
if (heure_gmt_temp1 <= 9) heure_gmt_temp1 = "0" + heure_gmt_temp1;
if (heure_gmt1 <= 9) heure_gmt1 = "0" + heure_gmt1;
minutes1 = x1.getMinutes();
if (minutes1 <= 9) minutes1 = "0" + minutes1;
gmt_base1 = heure_gmt_temp1 + ":" + minutes1;
gmt1 = heure_gmt1 + ":" + minutes1;
which1 = gmt1
 
document.getElementById('dynamic31').innerHTML='<center>00:00</center>'
document.getElementById('dynamic31').innerHTML='<FONT SIZE=10px FACE="Verdana"><B>'+which1+'</B></FONT>';
 
tempoREU = setTimeout(reunion, 1000)
}
</script>
 
</head>
 
<body bgcolor="#FFFFFF" text="#FFFFFF" leftmargin="0" marginwidth="0" onLoad="martinique(); reunion(); HeureCheckEJS()" onUnload="clearTimeout(tempoMAR); clearTimeout(tempoREU); clearTimeout(tempoEJS)" topmargin="0" background="_pics/mon_image">  
<table width="372" height="304" border="0" cellspacing="1" cellpadding="0">
 
  <tr valign="middle"> 
    <td> 
      <div align="center"><b><font style="font-family:Verdana, Helvetica; font-size:-1; color:black;"> 
        <DIV class=para1 align=center>Heure de Paris</div></font></b></div>
        <DIV class=para2 align=center><div id="dynamicparis" align="center"></div>
      </div>
    </td>
  </tr>
  <tr valign="middle"> 
    <td> 
      <div align="center"><b><font style="font-family:Verdana, Helvetica; font-size:-1; color:black;"> 
        <DIV class=para1 align=center>Heure des Antilles</div></font></b></div>
        <DIV class=para2 align=center><div id="dynamic3"></div>
      </div>
    </td>
  </tr>
  <tr valign="middle"> 
    <td> 
      <div align="center"><b><font style="font-family:Verdana, Helvetica; font-size:-1; color:black;">
        <DIV class=para1 align=center>Heure de la Réunion</div></font></b></div>
        <DIV class=para2 align=center><div id="dynamic31"></div>
      </div>
    </td>
  </tr>
</table>
</body>
</html>

Mais tu devrais rationaliser en n'ayant qu'une fonction et en lui passant en paramètre le fuseau et le lieu d'affichage ...

Voici qui peut être une source d'inspiration
http://www.developpez.net/forums/d10...ours-multiple/

**hyper123** · 15/03/2013, 15h31

Merci de ta réponse SpaceFrog!!

**hyper123** · 15/03/2013, 16h38

Pour ne pas recréer une discussion j'ai preferé vous poser une nouvelle question ici, d'autant plus que cela concerne quand meme le JS, enfin je pense ^^

J'ai un menu déroulant avec une liste de choix comme cela :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<label for="dir">Mon_Label*:</label>
<select id="dir" name="dir">
   <option value="choix_1" selected="selected">choix1</option>
   <option value="choix_2">choix2</option>
   <option value="choix_3">choix3</option>
   <option value="choix_4">choix4</option>
   <option value="choix_5">choix5</option>				
</select>

Et d'un autre coté j'ai cette seconde liste déroulante :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<label for="service">Service :* :</label>
<select id="service" name="service">
   <option value="SI" selected="selected">SI</option>
   <option value="Cpt">Cpt</option>
   <option value="PdT">PdT</option>
   <option value="AbC">AbC</option>
   <option value="DeF">DeF</option>
</select>

SI et CpT dépendent de choix_1 donc j'aimerai que lorsque je choisi "choix_1" dans le premier menu déroulant ,il n'y ait que SI et CpT qui soient disponibles à la selection dans le second menu déroulant

Est ce que c'est possible??

**SpaceFrog** · 15/03/2013, 16h49

http://www.developpez.net/forums/d59...s-liees-entre/

Différences d'exécution JS sous IE et Mozilla

JavaScript

Discussions similaires

Partager

Partager