Appeler une fonction js d'un fichier externe (js)
Bonjour,
Cette question est surement naive, car c'est vraiment le B.A.-BA du js, mais ... Je ne parviens pas à lier mon fichier js à ma page php.
En résumé, j'ai 4 fonctions appelées sur des événements onclick sur des input. Les fonctions ne sont pas très compliquées, je les ai testées en les écrivant dans le fichier php (entre les balises <script>), tout fonctionnait à merveille.
Je souhaite désormais les enregistrer dans un fichier .js, mais cela ne fonctionne plus. J'ai pourtant lu des dizaines de tutoriaux sur divers sites, et je ne comprends pas ce que j'ai fait de travers.
Voici le head de ma page php qui appèle les fonctions :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>IODE Ingénierie : Aperçu avant Impression</title>
<link rel="shortcut icon" href="/design/images/favicon_iode.png" />
<link rel=stylesheet media="screen,print" type="text/css" title="Design" href="/design/filtres.css" />
<script language=javascript type="text/javascript" src="fonctions_javascript.js"></script>
<!--[if IE]>
<link rel=stylesheet media="screen,print" type="text/css" title="Design" href="/design/design_ie.css" />
<![endif]-->
</head> |
Voici ensuite mon fichier fonctions_javascript.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
|
/* ************************************************* */
/* ************ Fonctions Javascript *************** */
/* ************************************************* */
function maj_colonnes()
//appelée par filtre_attributs.php lors de la validation du formulaire, pour actualiser la page apercu.php
{
alert('lancement de la fonction maj_colonnes()');
setTimeout("window.opener.location.replace('http://localhost/apercu.php')", 200);
setTimeout('self.close()',800);
return(false);
}
function retour_rech()
//appelée par filtre_attributs.php sous le formulaire, pour revenir à la page d'accueil
{
setTimeout("window.opener.location.replace('http://localhost/accueil.php?o=2')", 200);
setTimeout('self.close()',500);
return(false);
}
function afficher_tout()
//pour afficher apercu.php avec toutes les colones visibles
{
setTimeout("window.opener.location.replace('http://localhost/apercu.php?cocher=afficher_tout')", 200);
setTimeout('self.close()',500);
return(false);
}
function afficher_rien()
//pour afficher apercu.php avec aucune des colones visibles
{
setTimeout("window.opener.location.replace('http://localhost/apercu.php?cocher=afficher_rien')", 200);
setTimeout('self.close()',500);
return(false);
} |
Et enfin, voici un endroit où j'appèle la première fonction (maj_colonnes() ):
Code:
1
2
3
4
5
6
7
|
<td colspan="2">
<INPUT type="submit"
value="Mettre à jour les colonnes"
class="bouton_simple not_print"
onclick="javascript:maj_colonnes();" />
</td> |
Je suppose que c'est une erreur stupide, mais j'ai passé tellement de temps à la chercher que je suis condamné à ne plus la voir. Merci d'avance si l'un d'entre vous prenait le temps de m'éclairer. :D
