Discussion :

[patdu26]

bonjour à tous,

j'ai défini une page html, liée à une fichier javascript :

Code html :

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

<script  type="module" src="scripts/main4.js"></script>

Si j’appelle une fonction prédéfinie quand je clique sur un div, cela fonctionne bien :

Code html :

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

1
2
3
 <!-- menu 2NTE -->
                        <div class="bouge change sec" onclick= "alert('coucou')">
                              <!-- nom de la classe à cliquer -->

Le message "coucou" s'affiche bien à chaque click...

Ce que je veux, c'est appeler au click, la fonction "bouger()", qui est définie dans le fichier javascript indépendant, mais tout de même lié à la page html.

Code html :

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

1
2
3
 <!-- menu 2NTE -->
                        <div class="bouge change sec" onclick= "bouger()">
                              <!-- nom de la classe à cliquer -->

Dans ce cas j'ai une erreur : "Uncaught ReferenceError: bouger is not defined"
je commence à fatiguer, même en cherchant sur internet, pas de vraie réponse...

Si quelqu'un connait le problème et peu m'aider à régler cela, merci à lui.....

[binarygirl]

Ce bout de code est-il déjà chargé avant d'être utilisé dans la page ?

Code :

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

<script  type="module" src="scripts/main4.js"></script>

Il peut être nécessaire de le déplacer en amont.

Par contre, êtes-vous sûr de vouloir le déclarer comme module ? Le problème vient peut-être de là.

[Beginner.]

Salut,

Il est fort possible que le script ne soit pas du tout chargé...

Il est de type "module" donc il me semble qu'il te faut un serveur local pour tester...

[patdu26]

Merci à tous les deux pour vos messages, qui m'ont mis la puce à l'oreille...

En effet, le lien de mon fichier de script, avec la page html se fait à la fin du chargement de la page html.
En effet, Au chargement du script, je fabrique dans le fichier js, plein de div que j'insère dans la page html, dans des div construites au début dans le html.
Il est donc nécessaire de parcourir le fichier de script à la fin du html pour que cela fonctionne...

Cependant, il est maintenant évident à mes yeux, que quand je demande dans le html de prendre en compte la fonction "bouger()", elle est dans le fichier script qui n'est pas encore parcouru, et donc le message indéfini prend son sens.

Je vais donc, dans le fichier html, mettre 3 id, pour les 3 div qui doivent appeler cette fonction au survol de la souris, et dans le fichier de script, je vais ajouter cet appel par programmation, du type :

Code :

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

document.querySelector("#bouge_sec").onmouseenter = function() {bouger()};

.

Cela devrait fonctionner bien mieux et bien séparer le fichier html de base et les traitements logiques dans le fichier js.

Je reviendrais vers vous si nécessaire bien sur...

Merci à vous car je ne voyais pas le problème au premier abord!...