insertion de javascript qui ne fonctionne pas

**flamant** · 11/02/2012, 13h20

Bonjour,
j'essaye d'insérer des fichiers javascript dans un fichier PHP, mais ça ne fonctionne pas

mon fichier PHP:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="public/lib/extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="public/lib/extjs/ext-debug.js"></script>
 
<script type="text/javascript" src="public/lib/extjs/pkgs/classes.js"></script>
<script type="text/javascript" src= "public/ui/acceuil.js"></script>
<script type="text/javascript" src= "public/ui/membres.js"></script>
<script type="text/javascript" src= "public/ui/photos.js"></script>
<script type="text/javascript" src= "public/ui/phorum.js"></script>
<?php
session_start();
require_once 'system/conf/boot.php';
echo "ca passe";
?>
 
<script type="text/javascript">
console.log(Ext.getDoc());
Ext.onReady( function() {
var win = new Ext.window.Window({
  title: 'Association des tennis Arc Pierre Blanche',
  items : {  xtype: 'tabpanel',
            items: [ getAcceuil(),
            getMembre(),
            getPhotos(),
            getForum()
            ]
 
  }
});
win.show();
});
</script>
</head>
<body>
 
</body>
</html>

ce qui est bizarre, c'est que les fichiers
"public/lib/extjs/ext-debug.js"
et "public/lib/extjs/pkgs/classes.js"
sont bien visibles dans l'onglet "Script" de firebug, mais les fichiers
"public/ui/acceuil.js"
"public/ui/membres.js"
"public/ui/photos.js"
et "public/ui/phorum.js"

ne le sont pas. J'ai pourtant vérifié que les chemins sont bons. Firebug m'indique par exemple que La fonction javascript "getAcceuil()" n'est pas défini et cette fonction se trouve dans dans "public/ui/acceuil.js"

Merci d'avance pour voçs réponses

Invité · 11/02/2012, 13h43

Bonjour,
enlève l'espace : src=ici"..."

**rawsrc** · 11/02/2012, 13h51

Bonjour,

Pour éviter des problèmes qui ne mériteraient pas qu'on s'y attarde, il est toujours préférable d'utiliser des chemins absolus pour tout http://www.../.../fichier.js -
Sinon, il faut penser à insérer la balise <base src="http://www...com" /> dans le header de la page : <base />

**flamant** · 11/02/2012, 18h00

Salut rawsrc et jreaux62 et merci pour vos conseils et vos réponses

J'ai suivi vos conseils et j'ai mis des chemins absolus

Code :

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

1
2
3
4
5
6
7
8
 
<script type="text/javascript" src="http://127.0.0.1:8887/Tennis/public/lib/extjs/ext-debug.js"></script>
 
<script type="text/javascript" src="http://127.0.0.1:8887/Tennis/public/lib/extjs/pkgs/classes.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8887/Tennis/public/ui/acceuil.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8887/Tennis/public/ui/membres.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8887/Tennis/public/ui/photos.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8887/Tennis/public/ui/phorum.js"></script>

mais je vois toujours pas les 4 derniers fichiers.

Une chose est sûre, le chemin absolu est bon car quand je l'affiche dans mon browser, je vois bien le code correspondant

exemple: acceuil.js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript">
 
function getAcceuil() {
  /*console.log(Ext.getDoc());
  console.log(Ext.getDoc().dom);
  console.log(Ext.getDoc().dom.namespaces.rvml);   */
var acceuilPanel = new Ext.panel.Panel({
    title: 'Acceuil'
});
return  acceuilPanel;
 
}
 
</script>

Merci pour votre compréhension, je suis débutant

**rawsrc** · 11/02/2012, 18h14

Ok, est-ce que tu es sûr que l'encodage de tous les fichiers est le même ?

**rawsrc** · 11/02/2012, 18h17

Envoyé par flamant

Une chose est sûre, le chemin absolu est bon car quand je l'affiche dans mon browser, je vois bien le code correspondant

Très bien, la capture de ton code correspondant accueil.js affiche-t-elle toujours :

Code :

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

1
2
3
<script type="text/javascript">
...
</script>

Si oui, tu peux les retirer de tes fichiers .js, tu ne dois conserver que le code réellement javascript.

**flamant** · 11/02/2012, 19h10

Merci rawsrc pour ta réponse. Effectivement c'était ça. En fait c'est du code que j'ai copié depuis une page jsp. Donc je suppose que dans une page jsp, il faut afficher
<script type="text/javascript">
...
</script>
Mais dans mon cas étant donné que c'est du EXTJS (donc du javascript) ces tags ne sont pas nécessaires
Exact ?

J'en profite pour te demander des éclaircissement sur un de tes commentaires

Ok, est-ce que tu es sûr que l'encodage de tous les fichiers est le même ?

En ce qui concerne ma page principale qui est du XHTML, j'ai le codage suivant

Code :

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

1
2
3
 
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

donc du UTF-8

Mais pour ce qui est du javascript, peut-on définir l'encodage ? et si oui, comment ?

Merci encore

**rawsrc** · 11/02/2012, 19h29

La balise <script></script> ne doit être affichée que dans le navigateur. Après que tu l'insères ou pas dans tes fichiers c'est à toi de voir. Mais si tu l'insères, il ne faut pas que l'extension de ce fichier soit .js car le code de la balise n'est pas du tout du js.

Pour éviter les problèmes avec l'usine à gaz qu'est (généralement) l'encodage, c'est simple, il faut être homogène sur toute la ligne : base de données -> fichiers PHP/JS/CSS -> charset navigateur.
Si tu optes pour UTF-8 (c'est un très bon choix), il faut que la totalité des fichiers contenant le code source de ton site soit enregistrée en UTF-8 (sans BOM de préférence).
Il faut regarder du côté de l'outil qui te sert pour coder tes pages.
Et si tu as des soucis, notepad++ te permet de convertir l'encodage de tes fichiers en deux coups de cuillère à pot.

**laurentSc** · 12/02/2012, 00h09

Et si tu as des soucis, notepad++ te permet de convertir l'encodage de tes fichiers en deux coups de cuillère à pot.

C'est vrai, et même quand je développe une page (du js ou n'importe quoi d'autre) avec un autre éditeur, pour modifier l'encodage de la page (ou juste le vérifier), j'édite la page avec Notepad++. (Mais d'ailleurs, pour du js ou du PHP, je reste avec Notepad++ dont j'apprécie la coloration syntaxique).

insertion de javascript qui ne fonctionne pas

Langage PHP

Discussions similaires

Partager

Partager