Appeler une fonction javascript dans un autre fichier javascript

bonjour à tous,
SVP j'ai besoin de votre coup de main, car je debute en javascript et je veux à partir de ce fichier

Code:

---

1 2 3 4

buttons: [ {text:'Rechercher',handler:'Find_fn()'}, {text:'Quitter'} ]

---

appeler la fonction qui se trouve dans ce second fichier javascript

Code:

---

1 2 3

function Find_fn() { alert('Information'); };

---

Merci de votre aide

Salut.

Tout d'abord, pourquoi fais-tu celà ?

Perso je ferais plus quelque chose comme ça :

Code:

---

1 2 3 4 5 6 7 8 9

var buttons = { search: { text: 'Rechercher', handler: Find_fn }, leave: { text: 'Quitter' } }

---

Code:

---

onclick='buttons.search.handler("opt1", "opt2", [...])'

---

En gros.

Citation:

---

Envoyé par solo190

bonjour à tous,
SVP j'ai besoin de votre coup de main, car je debute en javascript et je veux à partir de ce fichier

Code:

---

1 2 3 4

buttons: [ {text:'Rechercher',handler:'Find_fn()'},//<==== ????? {text:'Quitter'} ]

---

appeler la fonction qui se trouve dans ce second fichier javascript

Code:

---

1 2 3

function Find_fn() { alert('Information'); };

---

Merci de votre aide

---

Code:

---

1 2 3 4

buttons: [ {text:'Rechercher',handler:Find_fn}, {text:'Quitter'} ]

---

un handler est une référence à une fonction pas un texte

A+JYT

merci deja pour vos interventions,
mais lorsque je fais comme ceci

Code:

---

1 2 3 4

buttons: [ {text:'Rechercher',handler:Find_fn}, {text:'Quitter'} ]

---

j'ai le message d'erreur suivant

Citation:

---

Find_fn is not defined

---

alors que j'ai bien inclu le fichier qui contient ma fonction

Code:

---

1 2 3 4 5 6 7

requires: [ 'Ext.form.Panel', 'Ext.form.field.Checkbox', 'Ext.form.field.Text', 'Ext.form.field.ComboBox', 'app/store/Rechercher_Numero_prescription' ],

---

mer de votre aide .

il faut que la fonction existe pour obtenir une référence dessus

A+JYT

s'il te plait , comment et ou déclarer la fonction ? pour quelle exite
je suis debutant en ext js !

Je dirais que tu es débutant en JS tout court :) Un peu de lecture s'impose : https://developer.mozilla.org/fr/doc..._des_fonctions

La fonction doit être déclarée avant d'être utilisée, comme pour toute variable. Pour te simplifier la vie, déclare-la dans le scope global, c'est-à-dire en dehors de toute fonction.

après recherche et votre aide,
j'ai trouvé la solution à mon problème, en réalité les deux fichiers .js doivent etre déclaré dans notre fichier index.html et pour appeler la fonction j'ai enlevé les ()
. merci à tous

Citation:

---

Envoyé par solo190

merci deja pour vos interventions,
mais lorsque je fais comme ceci

Code:

---

1 2 3 4

buttons: [ {text:'Rechercher',handler:Find_fn}, {text:'Quitter'} ]

---

j'ai le message d'erreur suivant
alors que j'ai bien inclu le fichier qui contient ma fonction

Code:

---

1 2 3 4 5 6 7

requires: [ 'Ext.form.Panel', 'Ext.form.field.Checkbox', 'Ext.form.field.Text', 'Ext.form.field.ComboBox', 'app/store/Rechercher_Numero_prescription' ],

---

mer de votre aide .

---

Je ne sais pas trop ce que tu fais
je te conseille de faire les tutos (MVC par example)

le champs require est un tableau contenant le nom complet des classes à charger.
tu ne peux pas y mettre un chemin vers un fichier.

en POO on ne laisse jamais traîner des fonctions n'importe où (global)
On utilise les méthodes des objets.

enfin on ne mets pas le code "métier" dans l'interface utilisateur mais on utilise un objet contrôler qui contrôle l'interface et en fonction active des méthodes des objets métier.

j'ai l'impression que tu fais un formulaire de recherche.

le formulaire ne dois rien faire d'autre que de collecter les info de l'utilisateur et afficher ce qui est à afficher.
le contrôleur va lui réagir au action de l'utilisateur (click sur le bouton recherche)
et appeler un objet spécialisé dans la recherche pour invoquer une méthode de recherche.

http://fr.wikipedia.org/wiki/Mod%C3%...ontr%C3%B4leur

A+JYT