Discussion :

[patdu26]

1/ Ce qui fonctionne :
j'ai créé des éléments "div" qui, au click, lancent une fonction :

Code :

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

 monDiv.onclick = function() {click_lecon(bloc, index)};

Le nom de la fonction est : click_leçon et les paramètres sont bloc et index.
Cela fonctionne très bien.

Ce qui pose problème :
j'ai créé une table qui stocke mes objets MenuNav, chacun ayant trois valeurs :

Code :

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

1
2
3
4
5
6
7
export let MenuNav = class MenuNav {
         constructor (msg, img, action) {
            this.msg = msg;
            this.img = img;
            this.action = action; 
         }
      }

Code :

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

1
2
3
4
export let table_Nav = [];
      table_Nav[0] = new MenuNav ("Fermer la fiche", "images/img30/croixRouge.png", "init()");
      table_Nav[1] = new MenuNav ("voir la leçon suivante", "images/img30/croixRouge.png", "next()");
      table_Nav[2] = new MenuNav ("voir la leçon précédente", "images/img30/croixRouge.png", "back()");

Je construis ensuite, grâce à la boucle foreach, mes trois div, en leur affectant les valeurs de chaque objets de la table.
La problématique est la suivante :
comment faire pour que le onclick, comprenne que l'élément el.action est une fonction dont le nom est :
init() à la construction du premier div.
next() à construction du deuxième.
back() à la construction du troisième.

Mon code actuel n'est pas reconnu :

Code :

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

  navigation1.onclick = function() {(el.action)};

si je mets en clair le nom de chaque fonction sur le onclick, cela fonctionne, mais l'intérêt, c'est l'affectation automatique par programmation.

Merci à ceux qui sont affutés dans la syntaxe et qui pourront me donner des idées!....

[mathieu]

essayez le passage de la fonction comme cela dans le constructeur :

Code javascript :

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

new MenuNav("Fermer la fiche", "images/img30/croixRouge.png", init)

et ensuite pour l'utiliser :

Code javascript :

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

  navigation1.onclick = el.action;

[patdu26]

Bonjour Mathieu,

merci de chercher une piste mais cela ne fonctionne pas. En effet, à la construction de la page, le fait de mettre init et non "init", avec des guillemets, avec ou sans les parenthèses : init ou init(), entraine une erreur :

Uncaught ReferenceError: init is not defined
<anonymous> http://127.0.0.1:5500/scripts/ressource.js:63

Merci quand même, je vais continuer à chercher car je pense que cela est possible....

[mathieu]

cela veut juste dire que la fonction n'est pas définie au moment de la création de l'objet MenuNav.

[patdu26]

Je m'étais focalisé sur l'appel de la fonction qui ne se faisait pas, sans interpréter correctement le message d'erreur.

En effet, en déclarant la fonction en amont, cette dernière est bien reconnue et l'appel fonctionne très bien.

encore merci!!