Uncaught ReferenceError: appliquerFiltresRef is not defined

tabibi -
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">

Afficher la suite

A voir également:

Uncaught referenceerror function is not defined at htmlbuttonelement.onclick
What is my movie français - Télécharger - Divers TV & Vidéo
Who is on my wifi - Télécharger - Outils Internet
Signal cable not connected ✓ - Forum Ecran
This is the mail system at host ✓ - Forum Mail
The system has detected that a cooling fan is not operating correctly - Forum Matériel & Système

4 réponses

Réponse 1 / 4

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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

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 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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

<!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

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

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752 > Tabibi

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 38486 Date d'inscription Statut Modérateur Dernière intervention

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

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

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

Réponse 4 / 4

tabibi

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 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

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 38486 Date d'inscription Statut Modérateur Dernière intervention

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 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752 > tabibi

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 38486 Date d'inscription Statut Modérateur Dernière intervention

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 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752 > tabibi

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

[AT] dans une adresse de messagerie

Remplacer @ par [at], efficace contre le spam?

Adresse de messagerie finissant pat .AT

bouton "at" du mail

mise à jour de ma carte mère Asus

Votre réponse

Discussions similaires