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