Mettre le JS dans un fichier externe

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour,

j'ai ce code qui me permet d'avoir l'heure serveur :

Code:

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
<DIV ID=ejs_server_heure>--:--:--</div>
<SCRIPT LANGUAGE=JavaScript>
 
ejs_server_date = new Date(0,0,0,<? echo date("H, i, s"); ?>)
ejs_server_heu = ejs_server_date.getHours();
ejs_server_min = ejs_server_date.getMinutes();
ejs_server_sec = ejs_server_date.getSeconds();
 
function ejs_server_calc()
{
if (ejs_server_sec < 10)
	ejs_server_sec = "0"+Math.round(ejs_server_sec);
else if(ejs_server_sec >= 60)
	{
	ejs_server_sec = "00";
	ejs_server_min++;
	}
if (ejs_server_min < 10)
	ejs_server_min = "0"+Math.round(ejs_server_min);
else if(ejs_server_min >= 60)
	{
	ejs_server_min = "00";
	ejs_server_heu++;
	}
if (ejs_server_heu < 10)
	ejs_server_heu = "0"+Math.round(ejs_server_heu);
else if(ejs_server_heu >= 24)
	{
	ejs_server_heu = "00";
	}
ejs_server_texte = ejs_server_heu + ":" + ejs_server_min + ":" + ejs_server_sec;
if (document.getElementById){
	document.getElementById("ejs_server_heure").innerHTML=ejs_server_texte;
	}
ejs_server_sec++;
}
setInterval("ejs_server_calc()", 1000);
</script>

Si je le met comme ca sur ma page, ca fonctionne nikel.

Mais moi, j'aime les choses compliqués... alors je veux faire un truc propre et mettre le code JS dans un fichier externe, javascript.js.
Donc je fais mon fichier externe :

Code:

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
ejs_server_date = new Date(0,0,0,<? echo date("H, i, s"); ?>)
ejs_server_heu = ejs_server_date.getHours();
ejs_server_min = ejs_server_date.getMinutes();
ejs_server_sec = ejs_server_date.getSeconds();
 
function ejs_server_calc()
{
if (ejs_server_sec < 10)
	ejs_server_sec = "0"+Math.round(ejs_server_sec);
else if(ejs_server_sec >= 60)
	{
	ejs_server_sec = "00";
	ejs_server_min++;
	}
if (ejs_server_min < 10)
	ejs_server_min = "0"+Math.round(ejs_server_min);
else if(ejs_server_min >= 60)
	{
	ejs_server_min = "00";
	ejs_server_heu++;
	}
if (ejs_server_heu < 10)
	ejs_server_heu = "0"+Math.round(ejs_server_heu);
else if(ejs_server_heu >= 24)
	{
	ejs_server_heu = "00";
	}
ejs_server_texte = ejs_server_heu + ":" + ejs_server_min + ":" + ejs_server_sec;
if (document.getElementById){
	document.getElementById("ejs_server_heure").innerHTML=ejs_server_texte;
	}
ejs_server_sec++;
}
setInterval("ejs_server_calc()", 1000);

Et dans ma page, je ne met plus que :

Code:

1
2
 <div id="ejs_server_heure" class="heure">--:--:--</div>
         <script type="text/javascript">ejs_server_calc();</script>

Avec dans le <head> :

Code:

<script type="text/javascript" src="includes/javascript.js"></script>

Mais voila, maintenant, sur ma page, je vois en permanence :

Citation:

--:--:--

et plus du tout l'heure...

Pourriez-vous me dire ce qui ne va pas ?

Merci de votre aide

PS : J'espère avoir bien expliqué :P

27/06/2008, 13h50
SpaceFrog

vire ça :

Code:

<script type="text/javascript">ejs_server_calc();</script>

et mets dans la balise body :

Code:

onload="ejs_server_calc();"
27/06/2008, 13h52
kevinf

Ca me donne une erreur :

Citation:

Objet attendu
27/06/2008, 13h56
SpaceFrog

si tu mets un

Code:

alert('je suis là')

en première ligne de ton fichier js externe ??? tu obtiens quoi ?

si tu as toujours le même message objet attendu c'est que le path du fichier n'est pas bon ...
27/06/2008, 14h00
kevinf

Effectivement, j'ai toujours cette erreur et aucune boite d'alerte,

mais le path est correct, j'ai mis le lien URL direct (http://...)

Kevinf
27/06/2008, 14h06
SpaceFrog

Si tu n'as pas le message c'est que le fichier js n'est pas atteint !

Code:

<script type="text/javascript" src="includes/javascript.js"></script>

ça c'est pas bon !
27/06/2008, 14h09
Bovino

Tu testes ton fichier en local ???
27/06/2008, 14h10
kevinf

Pourtant il est bon, c'est sur et certain à 1000 %.

Comment te le prouvé ? Aucune idée...

Mais j'ai tapé directement dans mon navigateur le lien, et il m'a proposé de le télécharger, le fichier .js
27/06/2008, 14h13
SpaceFrog

niveau de securité de ton browser trop élevé ???

commente tout le code sauf l'alerte ???
27/06/2008, 14h15
kevinf

Et bien la sécurité du nav est normal, dans la moyenne.

Et essaye de mettre ça :

Code:

1
2
3
4
ejs_server_date = new Date(0,0,0,<? echo date("H, i, s"); ?>)
ejs_server_heu = ejs_server_date.getHours();
ejs_server_min = ejs_server_date.getMinutes();
ejs_server_sec = ejs_server_date.getSeconds();

dans ta fonction.

Citation:
Envoyé par Bovino
Et essaye de mettre ça :
Code:

1 2 3 4 ejs_server_date = new Date(0,0,0,<? echo date("H, i, s"); ?>) ejs_server_heu = ejs_server_date.getHours(); ejs_server_min = ejs_server_date.getMinutes(); ejs_server_sec = ejs_server_date.getSeconds();
dans ta fonction.
Ca ne change rien.

27/06/2008, 14h22
Bovino

Code:

ejs_server_date = new Date(0,0,0,<? echo date("H, i, s"); ?>)

j'avais pas vu !!! :aie:
javascript n'interprète pas le php
27/06/2008, 14h25
kevinf

Pourtant, si je met tout dans ma page, le code fonctionne...

Alors comment faire?
27/06/2008, 14h36
Bovino

Peut être dû au fait que php interprète le php !!!

Dans ta page php, tu génères ton code html (qui contient le javascript) et tu envoies ce code généré au navigateur... Pour le navigateur, il n'y a plus de php et le code inclus dans le script a été remplacé par son interprétation.
Si le code javascript est externe, le fragment php n'est jamais évalué et n'est donc pas compris par javascript !
27/06/2008, 14h37
kevinf

Daccord, et si je renomme javascript.js en javascript.php ? Cela marcherait-il ?
27/06/2008, 14h39
SpaceFrog

Non !

passe ta variable php en paramètre de la fonction lors de son appel sur le onload !
27/06/2008, 14h41
Bovino

Ou plus simplement, utilises l'objet Date de javascript dans ton fichier javascript !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<SCRIPT LANGUAGE=JavaScript>
 
 
ejs_server_heu = ejs_server_date.getHours();
ejs_server_min = ejs_server_date.getMinutes();
ejs_server_sec = ejs_server_date.getSeconds();
 
function ejs_server_calc(DateServeur)
{
ejs_server_date = new Date(0,0,0,DateServeur)
if (ejs_server_sec < 10)
	ejs_server_sec = "0"+Math.round(ejs_server_sec);

Code:

et onload="ejs_serveur_calc( <? echo date('H, i, s'); ?>)"

Citation:
Envoyé par SpaceFrog
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <SCRIPT LANGUAGE=JavaScript> ejs_server_heu = ejs_server_date.getHours(); ejs_server_min = ejs_server_date.getMinutes(); ejs_server_sec = ejs_server_date.getSeconds(); function ejs_server_calc(DateServeur) { ejs_server_date = new Date(0,0,0,DateServeur) if (ejs_server_sec < 10) ejs_server_sec = "0"+Math.round(ejs_server_sec);
Code:

et onload="ejs_serveur_calc( <? echo date('H, i, s'); ?>)"
Je viens de faire ca, et j'ai toujours "Objet attendu" >.<

Voir 40 message(s) de cette discussion en une page