Exécuter une fonction dans un fichier JS

**nina.b** · 05/10/2009, 12h17

Bonjour,
afin de clarifier mon code j'aimerais placer le javascript dans un fichier spécifique.
Tout marche bien sauf quand je fait référence à des méthodes prototype.
Par exemple :
page 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
19
20
21
22
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../../js/prototype.js"></script>
<script type="text/javascript" src="js/testjavascript_createform.js"></script>
<title>Document sans nom</title>
<script type="text/javascript"> 
//<![CDATA[
	var test = extendFormulaire.testjs();
	var container = extendFormulaire.addContainer('div', 'main', 'testform');
//]]>
</script> 		   
</head>
 
<body>
<form name="testform" id="testform">
 
</form>
</body>
</html>

page test.js

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
19
20
21
22
23
24
25
 
var extendFormulaire = (function(){
	//Membres privés
	//implémente le noeud enfant dans le noeud parent
	function appendElement(container, element){
		container.appendChild(element);	
	}
	//Interface (Membres publics) 
	return{
		//ajoute le container principal
		"addContainer" : function(containerType,containerId,parent){
			if(containerId!= null && containerId!=''&& containerType!= null && containerType!=''){
				if($(containerId)!= undefined){
					$(containerId).remove();
				}
				var containerItem = new Element(containerType, { 'id': containerId });
				appendElement(parent, containerItem);
			}
		},
		"testjs" : function (){
			alert('toto');
		},
 
	}
})();

Le code suivant me revoit bien un message 'toto' mais la méthode
add container fait une erreur dans la console

Erreur*: $ is not defined
Fichier Source*: http://localhost/xxxxxx/yyyyy/js/tes..._createform.js
Ligne*: 18

On dirait que prototype n'est pas trouvé par mon fichier JS.....
HELP

**Bovino** · 05/10/2009, 12h24

Code :

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

1
2
<script type="text/javascript" src="../../js/prototype.js"></script>
<script type="text/javascript" src="js/testjavascript_createform.js"></script>

Il y a vraiment plusieurs répertoires js dans ton arborescence ?

Exécuter une fonction dans un fichier JS

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager