Exécuter une fonction dans un fichier JS
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:
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:
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
On dirait que prototype n'est pas trouvé par mon fichier JS.....
HELP:calim2: