importation de fonction javascript dans un autre fichier javascript

**kouadjalain** · 16/07/2007, 11h10

Bonjour,

J'ai des fonctions javascript (objet) présent dans un fichier. je voudrais appeler ces fonctions a partir d'un autre fichier javascript. C'est ce dernier fichier javascript que je désire utiliser dans ma page html.

Exemple:

fichier personne.js

Code :

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

1
2
3
4
5
6
 
function Personne(){
   this.bonjour=function(){
      alert("bonjour");
   }
}

fichier employée.js

Code :

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

1
2
3
4
5
6
7
8
9
10
 
Employee.prototype = new Personne();
 
function Employee(){
   this.prototype.bonjour=function(){
       Employee.prototype.bonjour();
       alert("Je suis un employé");
 
   }
}

fichier test.html

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
 
<html>
<head>
<script language="JavaScript" type="text/javascript" src="employee.js"></script>
 
<script language="javascript">
var p1 = new Employee();
</script>
 
</head>
 
<body>
<form action="" method="get">
 
<input name="" type="button" value="Bouton" onclick="p1.bonjour();">
</form>
</body>
</html>

il y a une erreur javascript lorsque j'instancie Employee : p1 a la valeur null ou n'est pas un objet.

Merci !!!

**roro06** · 16/07/2007, 11h13

Bonjour

Il faut également ton fichier personne.js

Rajoutes :

Code :

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

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

**kouadjalain** · 16/07/2007, 11h51

Je viens d'effectuer la modif .

Le message d'erreur a changé : " this.protoype a la valeur null ou n'est pas un objet".

**roro06** · 16/07/2007, 14h30

function Employee(){
this.prototype.bonjour=function(){
Employee.prototype.bonjour();
alert("Je suis un employé");

}
}

C'est lourd ! (et sans doute faux)

Employee.prototype.bonjour=function bonjour(){
alert("Je suis un employé");
}

devrait convenir

**kouadjalain** · 16/07/2007, 14h59

le résultat obtenu n'est pas ce que j'attendais.

je voudrais faire de l'héritage et avoir un équivalent du super() en java. cad la fonction bonjour défini dans employee et dans personne. la fonction bonjour de employee doit etre capable d'appeler la fonction bonjour de Personne puis ensuite de faire untraitement spécifique.

De plus, La ligne de code que tu m'as donné appele le bonjour de personne ( alors que ke m'attendais au moins a ce qu'il appele le bonjour de Employee.)

**kouadjalain** · 16/07/2007, 16h44

j'ai trouvé.
il faut utiliser le framework prototype défini pour ajax.

le fichier html reste identique a part l'importation de prototype

Code :

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

1
2
3
<script language="JavaScript" type="text/javascript" src="prototype.js"></script>
<script language="JavaScript" type="text/javascript" src="personne.js"></script>
<script language="JavaScript" type="text/javascript" src="employee.js"></script>

fichier personne.js

Code :

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

1
2
3
4
5
function Personne(){
   this.bonjourP=function(){
      alert("bonjour personne");
   }
}

fichier employee.js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
Employee = Class.create();
Employee.prototype = Object.extend(new Personne(), {
	initialize:function(){
		//Personne.prototype.initialize.call(this);
	},
 
	bonjour : function (){
		  this.bonjourP();
		  alert("Je suis un employé");
	}
});

J'aurais cependant souhaité garder le meme nom de fonction pour employé et pour personne. et appelé l'un dans l'autre via l'equivalent d'un super();

importation de fonction javascript dans un autre fichier javascript

JavaScript

Discussions similaires

Partager

Partager