Impossible d'appeler une fonction javascript externe, dans $(document).ready [Résolu]

[Johann7751]

Bonjour,


J'utilise le language JQUERY avec ASP.NET.
J'ai des problèmes depuis que j'essaye d'externaliser le code dans un fichier .js.

Un de me soucis est le suivant :
Je n'arrive pas à appeler une fonction (se trouvant à l'intérieur d'un fichier .js)
dans la fonction :
$(document).ready(function () {});

C'est normal ?
Est ce dû au fait que mon fichier .js n'est peut être pas chargé à ce moment ?


Voici le détail de mon code :

fichier .JS

Code :

1
2
3
function toto() {
    alert("hello world");
}

Fichier ASP.NET
C'est un UserControl (c'est donc un .ascx au lieu d'un .aspx)
J'ai inclus la bibliothèque JQUERY, au niveau supérieur dans le fichier .aspx.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Test.ascx.cs" Inherits="UserControls_Test" %>
<link href="/style/admin.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="TestJS.js"></script>
 
//...
// Des balises HTML ..
//...
 <script type="text/javascript" language="javascript">
    $(document).ready(function () {
                toto();
     });
</script>

Grâce au debugger; , j'arrive à voir où ça plante.
C'est au niveau de l'appel à la fonction toto() .
La bibliothèque JQUERY me catch une erreur :
"La valeur de la propriété « toto » est null ou non définie, pas un objet Function"

Merci de votre aide.

[tominardi]

pas de 404 avec ton debugger?
il se passe quoi si tu tapes toto() dans la console ?

[danielhagnoul]

Bonsoir

Logiquement, ce genre d'erreur signifie que le fichier contenant la fonction toto() n'est pas inclus dans la page web. Vérifier le nom du fichier, attention aux majuscules et minuscules dans le nom du fichier et au chemin pour accéder au fichier.

[SpaceFrog]

testé de mon coté ça fonctionne ...
souci de path vraissemblablement

si tu mets

Code :

alert('je charge le js externe !')

en première ligne de ton js externe il se passe quoi ?

[ABCIWEB]

Et si tu charge jquery "de manière classique" juste avant tes autres fonctions JS

Code :

1
2
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="TestJS.js"></script>

c'est pareil ? parce que chez moi ça fonctionne correctement et je peux appeler des fonctions de "TestJS.js" depuis $(document).ready(function () {});

Sinon question subsidiaire, pourquoi as-tu des balises html avant tes fonctions jquery ? Normalement tu devrais pouvoir mettre ton

Code :

$(document).ready(function () {});

juste après tes balises

Code :

<script type="text/javascript" src="TestJS.js"></script>

[Johann7751]

Merci pour toutes vos réponses.
C'était bien un problème de path.


Le fichier JS et .ascx appelant sont situés dans le même dossier "UserControls".
Le fichier .aspx appelant le fichier .ascx se situe dans un dossier, "MonDossier1" au même niveau que le dossier "UserControls".

Ainsi dans mon fichier .ascx :

Code :

<script type="text/javascript" src="TestJS.js"></script>

ne fonctionne pas.

alors que :

Code :

<script type="text/javascript" src="../UserControls/TestJS.js"></script>

=> Je remonte d'un niveau, je redescends dans mon dossier UserControls
fonctionne (mon fichier js est bien appelé)


Pourquoi ...?
Je pense qu'en fait en référençant le fichier TestJS.js dans mon Usercontrol (.ascx), il faire comme si on était dans la page (.aspx) appelant le Usercontrol.
Donc indiquer le chemin relatif à partir de la page, et non le chemin relatif à partir du Usercontrol.
J'aurais pu travailler en chemin absolu aussi ..
J'ai pas testé cette hypothèse, donc à confirmer.

Merci de m'avoir mis sur la voie. Du coup c'était plus un problème lié à ASP.NET.