Appel d'une fonction ou d'un fichier dans un autre fichier

Bonjour a tous,

Voici mon problème.
J'ai un fichier js avec à l'interieur quatre fonctions que je souhaite séparer.
Fichier1.js

Code:

---

1 2 3 4 5 6

if(blabla) {   fonctiona;} if(blabla2){   fonctionb;}

---

J'ai essayé deux solutions sans succes

Code:

---

1 2	Import("chemin + fichier1.js"); fonctiona();

---

ou bien

Code:

---

1 2 3

function include(fichier1.js){ document.write("<script type='text/javascript' src='"+fichier1.js+"'></script>" ); }

---

A noté que je fais une extension pour firefox

Je vous remercie

bonjour,

Citation:

---

Envoyé par Huifortrack

Bonjour a tous,
Voici mon problème.
J'ai un fichier js avec à l'interieur quatre fonctions que je souhaite séparer.

---

je n'ai pas (rien) compris...

Ensuite :
un document.write() dans une fonction = que des problèmes !
donc oublie déjà document.write().

Utilise aussi les balises [code] [/code] (bouton #) pour mettre en page ton code ;)

Citation:

---

J'ai un fichier js avec à l'interieur quatre fonctions que je souhaite séparer.

---

Code:

---

1 2 3 4

if ( blabla) { fonctiona ; } if ( blabla2 ) { fonctionb ; } if ( blabla3 ) { fonctionc ; } if ( blabla4 ) { fonctiond ; }

---

Que voulez vous faire au juste ?

Bonjour,

essaye ceci :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

var $script = document.createElement("script");   $script.src = ... ; // URL du script à charger   $script.onerror = function( error ){ console.log("échec lors du chargement du script", error); };   $script.onload = function( ){ ... // code à exécuter quand le script a fini de charger };   // il faut insérer le script dans la page pour qu'il soit pris en compte document.documentElement.appendChild($script);

---

Une remarque à propos de ton code :

Code:

---

function include(fichier1.js){

---

fichier1.js n'est pas un bon nom de paramètre car il y a une erreur de syntaxe à cause du point entre fichier1 et js.

Les erreurs sont signalées dans les consoles. Comme tu développes une extension, je ne sais pas exactement si les erreurs arrivent dans la console Web (touche F12) ou dans la console du chrome (Ctrl+Maj+J). Je pense qu'il faut que tu essayes les deux.
Quand ton script ne marche pas comme prévu, aie toujours le réflexe de regarder s'il n'y a pas un message d'erreur qui peut t'aider ;)

Bonjour
Je vous remercie tous pour vos réponses.

Les fonctions en question récupère par exemple un élément du site visité. (Un truc tout bête du genre un titre)
Effectivement ctrl+maj+j me montre bien l'erreur.
Il s'agit de la fonction import qui n'existe pas a priori alors que
https://developer.mozilla.org/fr/doc...uctions/import

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

var $script = document.createElement("script");   $script.src = ... ; // URL du script à charger // j'ai mis le chemin du fichier   $script.onerror = function( error ){ console.log("échec lors du chargement du script", error); }; // je ne comprends pas trop $script.onload = function( ){t // de quel code il s’agit ... // code à exécuter quand le script a fini de charger };   // il faut insérer le script dans la page pour qu'il soit pris en compte // dans le fichier contenant ma fonction ou le principal document.documentElement.appendChild($script);

---

Désolé. Je ne suis pas très bon en js mais je retouche un code.
Merci encore


PS : pour être clair J'ai un gros fichier js

avec des if(){script1}
if(){script2}
je veux les enlever les mettre ailleurs pour avoir
if(){appel_script1}
if(){appel_script2}

Bonjour.
Pourquoi ne pas découper votre gros fichier JS en plusieurs routines.
Ensuite dans vos pages vous appelez les seules routines dont vous avez besoin.

Code:

---

1 2 3

<script type="text/javascript" src="dossier_JS/routine_1.js"></script>   var x = routine_1() ;

---

Sa ne fonctionne pas car mes deux fichiers sont en .js
Je ne peux les tranformer en .html et ajouter les balises.

<script type="text/javascript" etc
J'ai essayé mais l’extension ne fonctionne plus

Dans la console j'ai un erreur du type

type error : argument 1 of Node.apprendChild is not an object

Merci

Avec Jquery il y a getScript() ...

Pouvez vous m'ecrire la syntaxe .
Je ne connais rien en revanche à Jquery

Appelle t'on une fonction d'un autre script ou le script en lui même?

une fonction n'existe sur une page que si elle a été chargée => donc que si le script à été chargé sur la page

Du coup je peux me contenter d'appeler uniquement le script c'est suffisant pour moi.

si tu as dans un fichier .js à part le bout de script voulu ...

C'est bien ça que je n'arrive pas a faire depuis deux jours..

Citation:

---

pour être clair J'ai un gros fichier js

---

Citation:

---

avec des if(){script1}
if(){script2}
je veux les enlever les mettre ailleurs pour avoir
if(){appel_script1}
if(){appel_script2}

---

C'est pas beaucoup plus clair pour moi :aie:

En gros tu veux charger dynamiquement un script selon une condition ?

Code:

---

1 2 3 4 5 6 7 8

function loadScript(url){ var $script = document.createElement("script"); $script.src = url; $script.onerror = function( error ){ console.error("échec lors du chargement du script", error); }; document.documentElement.appendChild($script); }

---

Code:

---

1 2	if(taCondition1){ loadScript("tonScript1.js"); } if(taCondition2){ loadScript("tonScript2.js"); }

---

Oui c'est bien cela.
J'essaye demain, ta solution me parait tout a fait logique.
Si sa ne marche pas je laisserai tout dans le même fichier.

avec

Code:

---

if(taCondition1){ loadScript("content/addon/tonScript1.js"); }

---

Je teste , merci

Citation:

---

Envoyé par Huifortrack

pour être clair J'ai un gros fichier js

avec des if(){script1}
if(){script2}
je veux les enlever les mettre ailleurs pour avoir
if(){appel_script1}
if(){appel_script2}

---

pour être sûr que tout le monde se comprend : un fichier de scripts javascript externe doit contenir des fonctions. Avec le code que tu postes, j'ai l'impression que tes if ne sont pas inclus dans une fonction.

http://requirejs.org/

Citation:

---

Envoyé par Huifortrack

Il s'agit de la fonction import qui n'existe pas a priori alors que
https://developer.mozilla.org/fr/doc...uctions/import

---

La doc précise que :

Citation:

---

Implémentée sous : JavaScript 1.2, NES 3.0

---

JavaScript 1.2, c'est de la préhistoire. Pour te donner une idée, Firefox 3 supportait JS 1.8. Et quelle est la version actuelle de Firefox ? :roll:
D'après une rapide recherche, il semblerait que les instructions import et export ont été retirées du langage par la suite. Il en reste seulement des fossiles :

Code:

---

var import; // SyntaxError: missing variable name

---

C'est la version la plus a jour de firefox .

Dans les if il y a des scripts a la base .

Mais je peux appeler une fonction avec un argument vide . Je ne crois pas que c''est un soucis.
Oui import ne marche pas..

La derniere solution ne marche pas pour le moment.
Rien dans la console pourtant..

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function loadScript(url){ var $script = document.createElement("script"); $script.src = url; $script.onerror = function( error ){ console.error("échec lors du chargement du script", error); }; document.documentElement.appendChild($script); };

---

Code:

---

1 2 3 4

if (gBrowser.currentURI.host === 'www.blabla.com') { loadScript("titi/toto.js"); }

---

J'ai finalement tous laissé dans le même fichier.. Merci quand même j'ai appris pas mal de chose

Il ne faut pas abandonner si vite ! Utilise le debugger et l'inspecteur réseau pour comprendre d'où vient le problème.