Mettre le JS dans un fichier externe

**kevinf** · 27/06/2008, 13h46

Bonjour,

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

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
<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 :

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
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 :

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

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

Avec dans le <head> :

Code :

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

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

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

--:--:--

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é

**SpaceFrog** · 27/06/2008, 13h50

vire ça :

Code :

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

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

et mets dans la balise body :

Code :

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

onload="ejs_server_calc();"

**kevinf** · 27/06/2008, 13h52

Ca me donne une erreur :

Objet attendu

**SpaceFrog** · 27/06/2008, 13h56

si tu mets un

Code :

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

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 ...

**kevinf** · 27/06/2008, 14h00

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

**SpaceFrog** · 27/06/2008, 14h06

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

Code :

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

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

ça c'est pas bon !

**Bovino** · 27/06/2008, 14h09

Tu testes ton fichier en local ???

**kevinf** · 27/06/2008, 14h10

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

**SpaceFrog** · 27/06/2008, 14h13

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

commente tout le code sauf l'alerte ???

**kevinf** · 27/06/2008, 14h15

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

**Bovino** · 27/06/2008, 14h16

Et essaye de mettre ça :

Code :

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

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.

**kevinf** · 27/06/2008, 14h19

Envoyé par Bovino

Et essaye de mettre ça :

Code :

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

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.

**Bovino** · 27/06/2008, 14h22

Code :

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

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

j'avais pas vu !!!

javascript n'interprète pas le php

**kevinf** · 27/06/2008, 14h25

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

Alors comment faire?

**Bovino** · 27/06/2008, 14h36

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 !

**kevinf** · 27/06/2008, 14h37

Daccord, et si je renomme javascript.js en javascript.php ? Cela marcherait-il ?

**SpaceFrog** · 27/06/2008, 14h39

Non !

passe ta variable php en paramètre de la fonction lors de son appel sur le onload !

**Bovino** · 27/06/2008, 14h41

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

**SpaceFrog** · 27/06/2008, 14h41

Code :

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

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 :

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

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

**kevinf** · 27/06/2008, 14h43

Envoyé par SpaceFrog

Code :

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

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 :

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

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

Je viens de faire ca, et j'ai toujours "Objet attendu" >.<

Mettre le JS dans un fichier externe

JavaScript

Discussions similaires

Partager

Partager