J'ai une page avec une image affichée, et je n'arrive pas à changer dynamiquement d'image, sans recharger la page.

Dans l'exemple ci-dessous, fullImagePath est le chemin vers une image parmi 4, et changeImage1 est une méthode changeant fullImagePath, choississant une autre image.

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
<!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:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j">
 
	<head> 
    <link rel="stylesheet" type="text/css" href="default.css"/> 
<body>
<f:view>
<p>Essai</p>
<h:graphicImage id="image1" value="#{essaiAntony.fullImagePath}">
		</h:graphicImage>
		<br/>
	<a4j:commandLink value="Changer Image" action="#{essaiAntony.changeImage1}" reRender="image1">
	</a4j:commandLink>
        <br/>
<h:commandButton action="#{essaiAntony.changeImage1}" value="Changer Image"/>
</f:view>
</body>
</html>
J'ai essayé sans succès avec a4j:commandLink , h:commandButton.
Idem avec un a4j:support mis entre les balises <h:graphicImage ... > </h:graphicImage>
Quand je clic sur l'image, il ne se passe rien alors que je voudrait qu'il y ait un changement d'image.
J'ai mis entre les balises <h:graphicImage ... > </h:graphicImage> un a4j:log, il ne m'affiche aucune erreur, juste ces deux messages:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
debug[16:55:43,440]: Have Event [object Object] with properties: target: http://localhost:8080/GuiClient-0.0.1-SNAPSHOT/pages/testAntony.jsf#, srcElement: http://localhost:8080/GuiClient-0.0.1-SNAPSHOT/pages/testAntony.jsf#, type: click
debug[16:55:43,442]: Query preparation for form 'null' requested