Utilisation du jquery

**Nimothenicefish** · 26/02/2009, 15h42

Bonjour,

J'aimerais utilisé des outils jquery. J'importe très bien mes fichier .js pour utilisant normallement le jquery sauf que lorsque je tente un simple bout de code comme ci-dessous cela ne fonctionne pas :

Code :

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

1
2
3
4
5
6
7
8
9
<a href="">Link</a>
 
<script type='javascript'>
$(document).ready(function() {
   $("a").click(function() {
     alert("Hello world!");
   });
 });
</script>

C'est comme ci mon jquery n'existait pas alors qu'il est bien présent dans mon head.

Merci

Cordialement, Nimo

**BobLunique** · 27/02/2009, 11h18

Peux tu nous mettre un CC de ce qui se situe entre head et /head ?

Lorsque tu prend l'URL correspondant au fichier Javascript principal de Jquery( presente entre head et /head ) dans le code source HTML généré, puis que tu la colle dans ton navigateur, vois tu le javascript de Jquery ? ou non ?

Si non :
regarde view.yml au niveau module et au niveau application et change le chemin

**Braillane** · 27/02/2009, 12h04

en remplaçant $ par jQuery sa donne quoi?

**Nimothenicefish** · 27/02/2009, 15h39

Dans mon head j'ai ceci :

Code :

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

<script src="js/jquery-1.3.js.js" type="text/javascript"></script>

Le répertoire se trouvant bien dans 'web'

Dans mon navigateur, et en utilisant firebug je récupère l'url du javascript, étant en faite le même que j'ai indiqué dans le HEAD et le fichier js ne s'ouvre pas. A la place j'ai le droit à un "Oops! Page Not Found. The server returned a 404 response." (/)."

Dans le fichier view.yml j'ai ceci :

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
default:
  http_metas:
    content-type: text/html
 
  metas:
    #title:        symfony project
    #description:  symfony project
    #keywords:     symfony, project
    #language:     en
    robots:       index, follow
 
  stylesheets:    [main, gfpc]
 
  javascripts:    []
 
  has_layout:     on
  layout:         layout

Je dois modifier quoi dedans ?

Merci à toi

ps: pour remplacer $ par JQuery cela ne donne rien, mais bon si j'arrive même pas à voir le fichier JS dans le navigateur...

**BobLunique** · 27/02/2009, 15h54

Eh bien, essaye de taper :

http://tonserveur/js/tonrepJquery/jsquery.js

jusqu'a savoir exactement ou est ton fichier JS pour Jquery.

Lorsque tu as cette URL, ajoute soit dans view.yml du module concerné :

all:
javascripts: [ chemin_relatif_racine_vers_ton_js ]

Soit la même chose dans celui que tu as posté ( celui de l'application )

**Nimothenicefish** · 27/02/2009, 16h02

en faite, j'avais pas fait attention mais dans le head et l'import du fichier jquery il y avait 2 fois l'extension .js

Maintenant j'arrive à voir le fichier jquery dans mon navigateur

j'ai modifier le fichier view.yml :

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
default:
  http_metas:
    content-type: text/html
 
  metas:
    #title:        symfony project
    #description:  symfony project
    #keywords:     symfony, project
    #language:     en
    robots:       index, follow
 
  stylesheets:    [main, gfpc]
 
  javascripts:    []
 
  has_layout:     on
  layout:         layout
 
all:
 
javascripts: [js/jquery-1.3.js]

Mais j'ai tjs pas le rendu que je souhaite après

**BobLunique** · 27/02/2009, 16h08

Mais j'ai tjs pas le rendu que je souhaite après

Ca c'est vraiment dommage ( [...] ...

)

**Nimothenicefish** · 27/02/2009, 16h12

M'en parle pas

Plus sérieusement, si quelqu'un connaitrais la solution je suis plus que preneur

Merci tout de même Bob

**BobLunique** · 27/02/2009, 16h24

en fait, ce que je voulais dire...
c'est que tu as avancé dans ton problème, en effet, maintenant tu arrive a charger le JS.

Mais tu as un nouveau problème :

Mais j'ai tjs pas le rendu que je souhaite après

seulement sans plus de details, je pense que tu auras du mal a obtenir une reponse

**Nimothenicefish** · 27/02/2009, 16h54

Je pensais pourtant que mon message était clair vu que tu avais suivi depuis le début la sujet :/

Alors en clair et décrypté ^^ :

J'arrive à voir le fichier jquery dans mon navigateur donc il est bien chargé. Sauf que, en utilisant une fonction jquery toute bête qui m'affiche un alert lors du clique sur un lien, cela ne marche pas. C'est comme ci symfony ne voulais pas m'exécuter mon jquery

**BobLunique** · 27/02/2009, 17h10

J'ai bien suivi.... mais...

Mais j'ai tjs pas le rendu que je souhaite aprè

c'est tres vague comme message d'erreur...

cela ne marche pas

c'est pas mieux non plus...

Met ce bout de code dans ta page, et regarde quel est le message d'erreur

( si ça fonctionne dis le egalement...

)

**Nimothenicefish** · 27/02/2009, 17h16

Disons que comment te dire l'erreur afficher si il y en avait aucune ?

ça me réactualisais la page tout bêtement mais j'avais aucun alert d'afficher...

En revanche et là ça fait zizir enfiin, une belle erreur avec ton code

(être heureux pour voir une erreur faut le faire -_-)

Code :

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

1
2
3
$("#test") is null
onclick(click clientX=72, clientY=208)%2FIh8Nq...EcQ%3D%3D (ligne 2)
[Break on this error] alert($("#test").innerHTML);

**BobLunique** · 27/02/2009, 18h17

D'accord, c'est mieux.

Que donne :

Code :

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

<div id="test" onclick="alert(typeof $);">toto</div>

Et

Code :

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

<div id="test" onclick="alert(typeof jQuery);">toto</div>

Si "undefined", alors c'est encore un problème de chemin..

**Nimothenicefish** · 27/02/2009, 18h22

Les évènements me renvoie un alert avec comme message "function", c'est ce que tu attendais comme réponse ?

edit : après une recherche rapide je m'aperçois que

Code :

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

typeof jQuery

permet de Savoir si la librairies jQuery est présente sur une page web. Bon ça tu le savais déjà...le problème est pourquoi mon code jquery ne veut-il pas alors s'exécuter

Est-il au moins compatible avec le framework symfony ? normalement oui car j'ai vu des exemples où cela marchait parfaitement...

**Nimothenicefish** · 03/03/2009, 15h47

J'ai trouver la solution à mon problème

En faite, quand on modifie le fichier view.yml, il faut "relancer" symfony pour qu'il prenne bien en compte la modification. Dans ce cas, retaper la commande

Code :

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