Uncaught ReferenceError: appliquerFiltresRef is not defined

Fermé

tabibi - 2 juin 2022 à 15:36
tabibi - 2 juin 2022 à 23:41

Bonjour j'essaye de résoudre ce problème j'essaye d'exécuter une fonction javascript mais j'obtiens ce message d'erreur ((index):82:210)


<input id="reference" class="form-control champsSaisie2 reference2"  name="reference" type="search" placeholder="Filtre référence"  onkeyup="appliquerFiltresRef()" autofocus autocomplete="off">

A voir également:

Uncaught referenceerror function is not defined
What is my movie français - Télécharger - Divers TV & Vidéo
Not in a hypervisor partition (hvp=0) (verr_nem_not_available). vt-x is disabled in the bios for all cpu modes (verr_vmx_msr_all_vmx_disabled). - Forum VirtualBox
The realtek network controller was not found. if deep sleep mode is enabled please plug the cable ✓ - Forum Pilotes (drivers)
Input not supported - Forum Ecran
Setup is already running ✓ - Forum Antivirus

4 réponses

Réponse 1 / 4

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
2 juin 2022 à 16:12

Bonjour,

Ca veut dire que ta fonction n'existe pas ....
Mais avec si peu de code .. impossible de te dire exactement de quoi il retourne...

Réponse 2 / 4

tabibi
2 juin 2022 à 16:37

Bonjour,
Comment faire pour que ma fonction existe ?
Voici certains endroits où se trouve ma fonction

function appliquerFiltresRef(){
    var f = $("#reference").val();
    $.ajax({
        cache: false,
        url: "data/appliquerFiltresRef",
        type: "POST",
        async: true,
        data: ({
            filtre: f
        }),
        success: function (response, status){
            console.log(response);
            if(response != "Reference inexisante."){
                $("#f_reference").html("");
                var rows = response.split("%:§ù");
                for (var iteratorRow = 0 ; iteratorRow < rows.length - 1 ; iteratorRow++){
                    var data = row[iteratorRow].split("%ù*");
                    $("#f_reference").append('<option value="' + data[0] +'">' + data[1] + '</option>');
                }
            } else {
                $("#f_reference").html('<option> Référence inexsistante.</option>');
            }
        
        },
        error: function (response, status) {
            console.log(response);
            console.log(status);
        },
    });
}


# Turn rewrite engine on
Options +FollowSymlinks
RewriteEngine on

# map neat URL to internal URL
#Fichier qui va faire le lien entre l'url rentré et le controlleur utilisé.

ErrorDocument 404 /Html/page404.php

RewriteRule ^authentification/$ Html/authentification.php [nc,qsa]
RewriteRule ^mouvement/action2/$ Html/Mouvement/action.php [nc,qsa]




RewriteRule ^data/(appliquerFiltresRef | appliquerEmp | AfficherNumeroBal)(/|) Controller/restcontroller.php?type=$1 [nc,qsa]

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
2 juin 2022 à 16:56

Le code html que tu nous as montré .... il nous faudrait voir le code COMPLET de la page en question....
Savoir où tu as placé ton code JS ....
Si tu l'as mis dans le header .. ou ailleurs
Si tu l'as mis dans un fichier js à part ou directement dans des balises script dans ton code...

Réponse 3 / 4

tabibi
2 juin 2022 à 17:05

<!DOCTYPE html>
<html>

<head>
    <title>GESTION FLUX BALANCELLES</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- <?php
        // $t = time();
    ?> -->

    <!-- <link rel="icon" href="../../Images/logo_gdm.jpg?" /> -->
    <link rel="stylesheet" href="../../Lib/bootstrap/css/bootstrap.min.css?" />
    <link rel="stylesheet" href="../../Css/style.css?" type="text/css" />
    <link rel="stylesheet" href="../../Css/Mouvement/choix.css?" type="text/css" />

        <script src="../Lib/jquery.js?<?php echo $t ?>"></script>
        <script src="../Lib/bootbox.min.js?<?php echo $t ?>"></script>
        <script src="../Lib/bootstrap/js/bootstrap.min.js?<?php echo $t ?>"></script>
        <script src="../Lib/bootbox.min.js?<?php echo $t ?>"></script>
        
        
</head>

<body>
    <div class="row">
        <div class="bandeau text-center">
            <div>
                <!-- <img id="logoFastIt" class="logoFastIt" src="../../../Images/logo_fast_it.png"> -->
                <!-- <span><a><img id="logoRenault" class="logoRenault" class="img-responsive" -->
                        <!-- src="/Images/construction.png" /></a></span> -->
            </div>
            <!-- <span>Secteur : <select id="selectSecteur" class="selectSecteur">
                </select></span>  -->
            <div class="userDiv ">
                <button  onclick="history.go(-1)">
                <span class="glyphicon glyphicon-user userImg"></span>
                <span class="user"></span>
                <img id="deconnexion" class="deconnexion" alt="deconnexion" src="/Images/deconnexion.png"/></button>
            </div>
        </div>
</div>
    <div id="form" class="container-fluid corpsPage ">
        <div class="paramRefSection2 row espace_bas">
            <div class="espace">
                <input id="reference" class="form-control champsSaisie2 reference2"  name="reference" type="search" placeholder="Filtre référence"  onkeyup="appliquerFiltresRef()" autofocus autocomplete="off">
                <select id="list_references" class="form-control champsSaisie2 list_references">
                    <option id="f_reference">Sélectionnez une référence</option>
                </select>
                <h3>Désignation :</h3>
                <input id="produit_vehicule "type="text" class=" champsSaisie3" placeholder="produit-véhicule" disabled></input>
            </div>
            <div id="list_numero" class="list_numero"><select class="form-control champsSaisie "><option id="f_numero">N°</option></select></div>
            <div class="list_emplacement">
                <input class="form-control champsSaisie2 reference2" id="emplacement" type="text" placeholder="Filtre emplacement" onkeyup="appliquerEmp()" autofocus autocomplete="off">
                <select id="list_emplacement" class="form-control champsSaisie2 list_references">
                    <option id="f_emplacement" value="-1">Sélectionnez un emplacement</option>
                </select>
            </div>
        </div>
        <div class="paramRefSection2 row"><h3 class="h3left"> Sortie </h3><h3> Entrée </h3></div>
        <div class="paramRefSection2 row">
            <div><button type="submit" id="decapagebalancelle" name="decapagebalancelle" data-toggle="tooltip" title="Ecarter en décapage balancelle" class="btn decapage btnStandard">DECAPAGE<br>BALANCELLE</button></div>
            <div><button id="reparationbalancelle" name="reparationbalancelle" data-toggle="tooltip" title="Ecarter en réparation balancelle" class="btn reparation btnStandard">REPARATION<br>BALANCELLE</button></div>
            <div><button id="decapagepiece" name="decapagepiece" data-toggle="tooltip" title="Ecarter en décapage pièce" class="btn decapagepiece btnStandard">DECAPAGE<br> PIECES</button></div>
            <div><button id="blocagequalite" name="blocagequalite" data-toggle="tooltip" title="Ecarter en blocage qualite pieces" class="btn blocagequalite btnStandard">BLOCAGE QUALITE <br> PIECES</button></div>
            <div class = "hr">|</div>
            <div><button id="reintegration" name="reintegration" data-toggle="tooltip" title="Réintégrer dans le flux de production" class="btn  entree btnStandard">REINTEGRATION <br> BALANCELLE</button></div>
        <!-- <div id="divBtns"></div> -->
        <!-- <div id="divRetourMenu"></div> -->
        </div>
    <!-- <div class="col-sm-2">
        <button data-toggle="tooltip" title="Annule l'action et reviens à la page précédente" class="btn btn2 btnStandard annulerChoix" id="annuler"></button>
    </div> -->
    </div>

    <script type="text/javascript" src="../../Js/Mouvement/choix.js?<?php echo $t ?>"></script>

</body>

</html>

Tabibi
2 juin 2022 à 17:07

Le fichier choix.js cst la ou se trouver ma fonction en php

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717 > Tabibi
2 juin 2022 à 17:18

Et il est correctement chargé ?
Tu peux y mettre un console.log ( au début du fichier) et dire si il apparait bien ?
Et tu n'as pas d'autres erreurs indiquées dans la console de ton navigateur lorsque tu charges la page ?
Et tu as autre chose comme code dans ce fichier js ?

tabibi > jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024
2 juin 2022 à 17:55

Le fichier est correctement chargé.
J'ai d'autres erreurs dans ma console de navigation qui concerne les script js dans le head
La bibliothèque jQuery ne charge pas correctement

tabibi > tabibi
2 juin 2022 à 17:56

j'obtiens ça :
choix.js:12 Uncaught ReferenceError: $ is not defined
at appliquerFiltresRef (choix.js:12:13)
at HTMLInputElement.onkeyup ((index):54:210)

tabibi > tabibi
2 juin 2022 à 17:58

et pour le jQuerry j'ai ce message "GET net::ERR_ABORTED 404 (Not Found)"

Réponse 4 / 4

tabibi
2 juin 2022 à 18:34

J'ai finalement réussi à faire charger correctement les fichier js c'était les chemins qui était incorrects.
Par contre ma fonction ne s'exécute toujours pas quand je fais un debug sur mon editeur de script j'obtient ce message d'erreur :

c:\wamp64\www\gestion_balancelle - Copie\Js\Mouvement\choix.js:13
var f = $("#reference").val();
^

ReferenceError: $ is not defined
at appliquerFiltresRef (c:\wamp64\www\gestion_balancelle - Copie\Js\Mouvement\choix.js:13:13)
at Object.<anonymous> (c:\wamp64\www\gestion_balancelle - Copie\Js\Mouvement\choix.js:139:1)
at Module._compile (internal/modules/cjs/loader.js:1085:14)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
at Module.load (internal/modules/cjs/loader.js:950:32)
at Function.Module._load (internal/modules/cjs/loader.js:790:12)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12)
at internal/main/run_main_module.js:17:47

et sur la console de mon navigateur j'obtiens un : POST 404 (Not Found)

Sur on fichier choix.js il y a 3 fonctions en tout

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
2 juin 2022 à 18:45

Tu as donc encore un souci au niveau du chargement de tes divers fichiers javascript.
jQuery ne semble pas charger d'où l'erreur concernant le $
Lorsque tu n'auras plus d'erreur dans la console au chargement de la page ton code devrait correctement fonctionner.

tabibi > jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024
2 juin 2022 à 18:53

Justement au chargement de la page je n'ai plus d'erreur concernant mes fichiers js.
Mais je viens remarquer que même sans les messages d'erreurs mes fichier js ne charge pas d'après la console de mon navigateur.
J'ai mis un console.log à un de mes fichier il n'apparait pas. Je ne vois pas comment faire pour qu'ils chargent correctement.

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717 > tabibi
2 juin 2022 à 18:55

C'est soit un problème de cash soit un problème de chemin...
Attention à bien respecter les majuscules et les minuscules dans le nom des dossiers et des fichiers...
Et pense bien à vider complètement le cash de ton navigateur Internet voire même d'en essayer un autre

tabibi > jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024
2 juin 2022 à 22:33

J'ai fais ce que vous avez recommandé, j'ai vidé le cache plusieurs et vérifié les chemins mais j'ai toujours le même problèmes.

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717 > tabibi
2 juin 2022 à 23:29

Mets ça dans des balises script dans ton html ( juste avant l'import de ton fichier choix.js )

window.onload = function(){
    if (window.jQuery) {  
        // jQuery is loaded  
        alert("jquery fonctionne !");
    } else {
        // jQuery is not loaded
        alert("Erreur !! ");
    }
}

et regarde si jquery fonctionne....

Il serait pas mal aussi d'essayer d'utiliser le CDN jquery au lieu de le mettre en "local" sur ton site.

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

Et regarde si tu as toujours le souci.

après.. je ne pourrais plus rien pour toi.
Comme je te l'ai dit, c'est soit un souci de cache de ton navigateur .... soit un souci de chemin vers les fichiers.
Et ne me trouvant pas sur ton ordi.. je ne pourrais pas les corriger à ta place.

Discussions similaires

mise à jour de ma carte mère Asus

System Fan (90B)

" Signal Cable Not Connected " écran Iiyama

Warning your dimm1 and dimm2 module organization is not same

Rtc battery low