La méthode de jquery n'est pas appelée dans la page de jsf
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:
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:
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:
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
