Appeler une fonction js d'un fichier externe (js)

**thomas_legrand** · 08/07/2011, 11h00

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

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
 
<head>
 
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>IODE Ing&eacute;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 javascript :

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
 
/* ************************************************* */
/* ************ 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 html :

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

1
2
3
4
5
6
7
 
	<td	colspan="2">
		<INPUT 	type="submit" 
				value="Mettre &agrave; 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.

**Bovino** · 08/07/2011, 11h37

Lorsque tu cliques sur un input de type submit, la fonction est lancée puis le formulaire est soumis immédiatement, tu n'as donc pas le temps de voir les modifications avant que la page soit rechargée.
Change ton input en type button et ça arrangera les choses (sauf que tu n'auras plus de submit

)

**thomas_legrand** · 08/07/2011, 11h40

Hum ... Je vais peut-être dire une connerie (parce que je suis novice), mais c'est à ca que sert la fonction setTimeout(), non?

Parce que, comme je le disais, mes fonctions fonctionnent parfaitement si j'écris leur définition dans mon fichier php.

**Sharcoux** · 08/07/2011, 13h24

Première question : est-ce que ton fichier js est bien chargé ?
Deuxième question : est-ce que ta fonction est bien exécutée ?

30 façon de trouver la réponse à ces questions. Je te laisse trouver celle qui te convient et nous donner les réponses

**thomas_legrand** · 11/07/2011, 10h32

Bonjour,

C'est mon fichier qui semble ne pas se charger du tout (un petit alert en haut du fichier qui ne s'execute même pas me permet d'arriver à cette conclusion).

**sekaijin** · 11/07/2011, 13h45

où as-tu mis ton fichier js et ton fichier php sur ton disque
car tel que tu l'as écrit les deux doivent être au même endroit

A+JYT

**Watilin** · 14/07/2011, 15h43

À tout hasard…

Envoyé par thomas_legrand

Code xhtml :

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

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

Retire l'attribut language, on sait jamais

**andry.aime** · 14/07/2011, 16h34

Envoyé par Watilin

À tout hasard…

Retire l'attribut language, on sait jamais

Sinon il doit mettre la valeur javascript dans des quotes.

A+.

Appeler une fonction js d'un fichier externe (js)

JavaScript

Vue hybride

Discussions similaires

Partager

Partager