Partager du code Javascript entre plusieurs pages HTML

Version imprimable

10/01/2006, 09h19
oceane751

Partager du code Javascript entre plusieurs pages HTML
bonjour
comme le titre de mon post l'indique j'ai un peu de mal à lier un fichier externe en javascript avec des pages en html

j'ai tenté de faire :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <head> <title>Stagiaire </title> <script language = "Javascript" src = "controle_saisie.js"></script> </head>
puis :
Code:

1 2 3 <form enctype="multipart/form-data" name="formSIC" action="StagiaireInscriptionCentre.php" method="post" [b]onSubmit="return testvalidation2()">[/b]
controle_saisie.js = fichier javascript qui contient la fonction testvalidation2()

si quelqu'un pourrait m'expliquer pourquoi ça ne marche pas...

merci beaucoup
10/01/2006, 09h50
SpaceFrog

<

Code:

script type= "Javascript" src = "controle_saisie.js"></script>

pour commencer...

ensuite est tu sûr de ton path ?

et pour terminer il ressemble à quoi ton fichier js ?

alors voici le code javascript, c'est à dire le "controle_saisie.js" :

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
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
 
 
<SCRIPT language="javascript">
 
function testvalidation2()
{
 
//forcer pour avoir que des chiffres
 
if(document.formSIC.numero.value == "")
{
alert ('veuillez entrer votre numero d adresse');
document.formSIC.numero.focus();
return false;
}
 
 
if(document.formSIC.adresse.value == "")
{
alert ('veuillez entrer votre adresse');
document.formSIC.adresse.focus();
return false;
}
 
 
 
if(document.formSIC.cp.value == "")
{
alert ('veuillez entrer votre code postal');
document.formSIC.cp.focus();
return false;
}
 
// forcer pour avoir un nombres à 5 chiffres
if(!/^\d{5}$/.test(document.formSIC.cp.value))
{
alert("code postal incorrect");
document.formSIC.cp.focus();
return false 
}
 
if(document.formSIC.ville.value == "")
{
alert ('veuillez entrer votre ville');
document.formSIC.ville.focus();
return false;
}
 
 
if(document.formSIC.tel.value == "")
{
alert ('veuillez entrer votre numero de telephone');
document.formSIC.tel.focus();
return false;
}
 
if(!/^\d{10}$/.test(document.formSIC.tel.value))
{
alert("numéro de téléphone incorrect"); 
document.formSIC.tel.focus();
return false 
}
 
 
 
//forcer  pour avoir un adresse mail valide avec "@" et " . "
if(document.formSIC.mail.value == "")
{
alert ('veuillez entrer votre adresse mail');
document.formSIC.mail.focus();
return false;
}
 
 if(document.formSIC.mail.value.indexOf('@')== -1  || document.formSIC.mail.value.indexOf('.')== -1)
 {
   alert("Ce n'est pas une adresse électronique!");
   document.formSIC.mail.focus();
   return false;
  }
 
 
 
 
 
else {return true;}
}
 
 
</script>

10/01/2006, 10h08
SpaceFrog

bingo !!

vire les balises script dans le fichier js ...

arf ça ne marche pas plus.. :(

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
 
<html>
 
<head>
 
 
<title>Stagiaire Inscription</title>
 
 
<script language = "Javascript" src = "controle_saisie.js"></script>
</head>
 
<body>
 <font face = "verdana">
<table border="0" width="100%" height="10" background="stage_fond.jpg">
<form name="formSI" action="StagiaireInscriptionIdentification.php" method="post"  onSubmit="return testvalidation()" enctype="multipart/form-data" >

et le fichier js :

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
39
40
41
42
43
44
45
46
 
 
function testvalidation()
{
 
if(document.formSI.nom.value == "")
{
alert ('veuillez entrer votre Nom');
document.formSI.nom.focus();
return false;
}
 
if(document.formSI.prenom.value == "")
{ 
alert ('veuillez entrer un Prenom');
document.formSI.prenom.focus();
return false; 
}
 
 
if(document.formSI.jnais.value == "" )
{
alert ('veuillez entrer un jour');
document.formSI.jnais.focus();
return false;
}
 
 
if(document.formSI.mnais.value == "" )
{ 
alert ('veuillez entrer un mois');
document.formSI.mnais.focus();
return false;
}
 
 
if(document.formSI.annais.value == "" )
{ 
alert ('veuillez entrer une année');
document.formSI.annais.focus();
return false;
}
 
 
else {return true;} 
}

:roll:

10/01/2006, 10h22
SpaceFrog

qu'est ce qui ne marche plus ?

essaye ceci pour voir ou ça plante ...

Code:

<form name="formSI" action="StagiaireInscriptionIdentification.php" method="post" onSubmit="Javascript:alert(testvalidation());" enctype="multipart/form-data" >
10/01/2006, 10h30
oceane751

et bien en faites quand je ne rempli rien dans mon formulaire, je passe au formulaire suivant alors que normalement il y a des alerte de controle de saisie pour els champs non completés..
10/01/2006, 10h31
oceane751

arf ça en marche pas non plus..
10/01/2006, 10h55
siddh

alors, met :

Code:

<script type= "text/javascript"

au lieu de

Code:

<script language = "Javascript"

en mettant bien que des minuscules

c'est chiant, c'est comme si le code js n'existait pas...

ourtant je fais bien ce qu'on me dit..

revoici le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<html>
 
<head>
 
 
<title>Stagiaire Inscription</title>
 
 
<script type= "text/javascript" src = "controle_saisie.js"></script>
</head>
 
<body>
 <font face = "verdana">
<table border="0" width="100%" height="10" background="stage_fond.jpg">
 
 
 
 
 
<form name="formSI" action="StagiaireInscriptionIdentification.php" method="post"  onSubmit="return testvalidation()"   enctype="multipart/form-data" >

code js :

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
39
40
41
42
43
44
45
46
47
48
 
<script type= "text/javascript">
function testvalidation()
{
 
if(document.formSI.nom.value == "")
{
alert ('veuillez entrer votre Nom');
document.formSI.nom.focus();
return false;
}
 
if(document.formSI.prenom.value == "")
{ 
alert ('veuillez entrer un Prenom');
document.formSI.prenom.focus();
return false; 
}
 
 
if(document.formSI.jnais.value == "" )
{
alert ('veuillez entrer un jour');
document.formSI.jnais.focus();
return false;
}
 
 
if(document.formSI.mnais.value == "" )
{ 
alert ('veuillez entrer un mois');
document.formSI.mnais.focus();
return false;
}
 
 
if(document.formSI.annais.value == "" )
{ 
alert ('veuillez entrer une année');
document.formSI.annais.focus();
return false;
}
 
 
else {return true;} 
}
 
</script>

mais si j'ai plusieurs fonctions dans le meme fichier js, j'ouvre une fois avec le <script type= "text/javascript"> (au début de toutes les fonctions) et je referme une fois, </script> (à la fin des fonctions) ?? je pense que c'est oui mais vue que je suis emebetée que ça ne marche pas, je regarde toutes possibilités..

10/01/2006, 11h25
SpaceFrog

PAS DE BALISES SCRIPT DANS LE FICHIER JS DELOCALISE !!!

on l'a pas déja dit ça ?
10/01/2006, 11h37
siddh

Citation:

Envoyé par SpaceFrog

PAS DE BALISES SCRIPT DANS LE FICHIER JS DELOCALISE !!!

on l'a pas déja dit ça ?

je rajouterais même :
PAS DE BALISES SCRIPT DANS LE FICHIER JS DELOCALISE !!! :aie:

:D
10/01/2006, 11h40
oceane751

ba aousi mais ça marche pas!!!
10/01/2006, 11h46
SpaceFrog

c'est que le problème est ailleurs ...
ton fichier js est bien dans le même repertoire ???

met ceci dans ton fichie js:

Code:

alert('fichier js connecté')

en première ligne ...
tu verras déja si la page accède au fichier ...

pffff ces jeunes faut tout leur dire !!!
10/01/2006, 13h12
oceane751

alors, j'ai testé de faire marcher le code en local (avec easy php) ça marche tres bien...

mais quand je mets les fichiers sur le serveur, ça marche plus
pourtant, ces 2 fichiers se trouvent dans le meme repertoire...
10/01/2006, 13h13
oceane751

alors, j'ai testé de faire marcher le code en local (avec easy php) ça marche tres bien...

mais quand je mets les fichiers sur le serveur, ça marche plus
pourtant, ces 2 fichiers se trouvent dans le meme repertoire...
10/01/2006, 13h14
siddh

Code:

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

:?:
10/01/2006, 13h26
oceane751

heu ça sert à quoi le ==> "./ dans src = "./controle_saisie.js"> :?:
10/01/2006, 13h28
oceane751

en local ça marche bien... :cry:
mais pas quand je mets les fichiers sur le serveur 8O
10/01/2006, 13h46
SpaceFrog

tu as donc bien un souci de path ...
10/01/2006, 14h02
oceane751

c'est quoi que tu appelles path exactement s'il te plait?
10/01/2006, 14h18
SpaceFrog

:roll:
path = chemin d'accès

c'est donc bien le chemin d'accès du js qui te pose souci ...

quelle est l'arborescences des fichiers sur le serveur ??? ou est la page ou est le fichier js ? dans quels repertoires ?
10/01/2006, 14h28
oceane751

ils sont bien ts les 2 dans le mm repertoire... :roll:
10/01/2006, 14h30
SpaceFrog

alors:

Code:

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

sans le ./
10/01/2006, 14h33
oceane751

c'est ce qu'on avait avant :(
10/01/2006, 14h36
SpaceFrog

autre chose il est possible que ton serveur soit tatillon sur le nom du fichier js ...
essaye de mettre un nom plus court (pas plus de huit caractères et sans underscore ...
10/01/2006, 14h41
oceane751

Ca marche cette fois merci beaucoup. :D

Notre fichier s'appelait controle_saisie.js et on lui a attribué un nom plus simple: saisie. js .
10/01/2006, 14h46
SpaceFrog

ça m'est arrivé une fois ... problème de nom de fichier trop mong ou contenant des caractères pas corrects .. faut se méfier du serveur ...
10/01/2006, 15h17
oceane751

oui maintenant je vais me mefier d'avantage.. :?
10/01/2006, 15h20
SpaceFrog

c'est pour cela que mettant une ligne alert('fichier js connecté') en début de fichier js tu arrives à savoir si ta page accède ou non à ton fichier js ...