La méthode de jquery n'est pas appelée dans la page de jsf

**princejava** · 10/04/2014, 16h38

Bonjour tout le monde,mon objectif est de changer la couleur de bordure d'une image de vert en rouge,mais quand j'essais de deployer le projet,et quand je clique sur l'image rien ne change,voilà le code de la page index.xhtm:

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
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:p="http://primefaces.org/ui"
xmlns:h="http://xmlns.jcp.org/jsf/html">
<h:head> 
<title>Facelet Title</title>
<h:outputStylesheet library="css" name="style0.css" />
<h:outputScript library="javascript" name="jqueryH.js" target="head"/>
<h:outputScript library="javascript" name="javascript.js" target="head"/>
<h:outputScript library="javascript" name="testjs.js" />
 
 
 
</h:head>
<h:body> 
 
 
<h:graphicImage id="etudiant" value="./resources/images/Capture.PNG" onclick=""/>
 
<br/>
<div id="Hicham"> 
<h:outputText value="Hicham Chaouki"/>
</div>
 
 
 
</h:body> 
</html>

le code de style0.css:

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
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 9 avr. 2014, 14:23:44
    Author     : hicham
*/
img{
 
    height : 10%;
    width : 10%;
    border:solid 7px chartreuse;
}
div{ 
 
    border:0.7px solid black;
    width: 11%
}

le code de javascript.js:

Code :

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

1
2
$('#etudiant').click(function(){
    $('#etudiant').css('border','7px solid  red');});

pour le fichier jqueryH.js,je l'ai telechargé depuis le site officielle et j'ai changé le nom du fichien en jqueryH.js
est ce ke qqn peut me dire ou se passe le probleme,sachant ke j'ai utilisé alert("blabla") et ça marche bien mais pour le code de jquery non,
cordialement

**tchize_** · 10/04/2014, 17h49

Vérifie dans ton html généré (dans le browser), quel id est présent sur le tag <img> (si il y en a un). Les id JSF sont relatifs au parent et se combinent avec des ":" , ce qui fait qu'ils ne correspondent en général pas mot pour mot à l'id présent dans la page xhtml du template.

tu pourrais par exemple te retrouver avec id="view_1:etudiant"