Fonction non reconnue ou trouvée

Version imprimable

bonjour,

j'ai ce message d'erreur lors l'appel d'une fonction par un évenement onclick sur un DIV : il est affiché une fois que je clique sur le DIV concerné et que je fais F12 :

Citation:

Uncaught ReferenceError: voir_masquer is not defined

c'est une fonction qui masque tous les TR dont le code contient le mot passé en paramètre.

mon code simplifié pour le forum est :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<body>
<div style="cursor: pointer;" onclick="voir_masquer('masquer','grammaire');"> Sans info car attente des cours </div>
<script>
//affichage filtre par categories -----------------------------
                        
                        function voir_masquer(quoi,mot)
                                {
                                alert(quoi);
                                if (quoi=='masquer') $("tr:contains('" + mot + "')").hide("slow");
                                else
                                        $("tr:contains('" + mot + "')").show("slow");
                                                
                                }
 
                        //voir_masquer("masquer","grammaire");
</script>
</html>

ma fonction est pourtant dans le dom ready de fin de page et quand je décommente la ligne commenté de test, celle-ci s'éxécute bien (et trouve la fonction).

est-ce que l'évenement onclick est particulier pour les fonctions ? devrais-mettre plutôt une version <a href:javascript(...etc)> plutôt que le onclick ?

merci pour votre aide et oeil si j'ai fait une coquille.

après m'être renseigné, j'ai découvert que les fonctions dans le dom ready ne sont pas reconnues par le HTML, du coup je l'ai déplacé en haut.

mais j'ai toujours le même problème avec ce source :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<script>                       
function voir_masquer(quoi,mot)
       {
       alert(quoi);
       if (quoi=='masquer') $("tr:contains('" + mot + "')").hide("slow");
           else
       $("tr:contains('" + mot + "')").show("slow");
                                                
       }
 
 
</script>
<body>
<div style="cursor: pointer;" onclick="voir_masquer('masquer','grammaire');"> Sans info car attente des cours </div>
<script>
 //voir_masquer("masquer","grammaire");
</script>
</html>

22/06/2021, 11h40
SpaceFrog

Et si tu modifies ta balise script comme ceci ?

Code:

<script type="text/javascript">
22/06/2021, 12h04
clavier12AZQSWX

c'est fait, j'ai juste simplifié au max le code sur le forum. j'ai aussi mis dans le <head>.

franchement je comprends pas.

juste après la fonction (que ce soit celle d'en haut dans le head ou celle d'en bas dans le dom ready), j'ai placé une ligne de test qui lance la fonction et elle marche.

par contre, quand l'utilisateur appelle la fonction en cliquant ça marche.
j'ai cru que c'était un problème de div onclick, alors j'ai transformé en lien a :

Code:

<a href="javascript:voirmasquer('masquer','grammaire');"> Sans info car attente des cours </a>

et le résultat est le même ! fonction pas trouvé !

j'ai renommé la fonction pour enlever le underscore dans son nom au cas où, ça ne corrige pas.

j'ai remplacé l'appel de ma fonction par un simple alert('masquer') et ça fonctionne.

avant de cliquer , donc une fois la page chargée, je regarde le F12 et ya aucune alerte/error dans la console.

L'erreur arrive dès la souris clique et appel la fonction.

le problème ne vient pas de l'intérieur de la fonction car mon alert(quoi) de test est même pas exécuté.

mon post initial est avec firefox, j'ai testé avec Chrome et j'ai sensiblement la même erreur :

Citation:

Uncaught ReferenceError: voirmasquer is not defined
at <anonymous>:1:1

Ma fonction n'est pas reconnu quand on clique mais uniquement en dehors (au start, et au do mready de fin). pourquoi ?
22/06/2021, 15h43
Cl@udius

Bonjour

Sur le onclick tu appelles la fonction voirmasquer(), alors que tu l'as nommée voir_masquer().
Est-ce une faute de frappe ?

Cl@udius.
22/06/2021, 17h14
clavier12AZQSWX

non non, je l'ai renommais, je l'ai dit plus bas, j'ai enlevé le underscore (au cas où...) c'est juste mon script ici sur le forum qui est maladroit.
23/06/2021, 09h11
Doksuri
2 solutions :
1) poster tout le vrai code (et pas une version simplifiee), qu'on voit s'il n'y a pas d'erreurs que t'aurai supprime involontairement en postant ici
2) recommencer de zero avec un test bidon

Code:

<div onclick="voir_masquer('masquer','grammaire');">test</div>
Code:

1 2 3 function voir_masquer(quoi,mot) { console.log(quoi, mot); }
=> si le console.log fonctionne, tu peux continuer, sinon il y a un autre probleme