Discussion :

[clickandgo]

Bonjour à tous,

Je dispose d'un formulaire principal qui contient un système d'onglets alimentés par des requêtes Ajax, chaque onglet render un partial différent, jusque là tout va bien...

Certains partials affichés par des onglets contiennent des boutons auxquels sont attachés des événements venant d'un script se trouvant dans le dossier assets/js ...

Le problème est le suivant :

Si je mets un lien vers le script dans le partial, il n'y a aucune réaction par contre si je le mets dans le formulaire principal là ça marche mais comme l'onglet n'est pas forcément celui renderisé au moment T les variables des boutons raménent évidement une valeur "undefined" puisque l'onglet x n'est pas encore alimenté ni affiché par la requête Ajax.

Je ne vois pas comment attendre et être sûr que les boutons contenus dans le partial soient disponibles pour que le code continue ... ?

Merci de m'éclairer de vos lumières !

[Pytet]

Bonjour,

Tu peux utiliser la délégation des évènements (attacher l'évènement sur un élément parent existant dans lequel seront insérés les futurs éléments) :
https://javascript.developpez.com/ac...en-JavaScript/

[clickandgo]

Merci Pytet pour votre réponse,

J'utilise très souvent la délégation mais j’ignorais qu'elle pouvait s'appliquer à ce cas aussi facilement ...
Du coup j'ai importé certaines constantes pour éviter la re-déclaration en transformant les différents scripts en modules, tout marche parfaitement ...
Évidement la gestion de la délégation entraîne l'utilisation de beaucoup de if ou d'un switch, mais du moment que ça marche ...