salut, j'ai reussit à utiliser les effets Grow et Shrink de scriptaculous
le probleme est que l'effet n'est pas appliquer à l'élément désiré
en effet ,j'ai un texte qui permet de controler l'affichage d'une image:mais lorsque je clique sur le texte, c'est lui qui disparit non mon image!!
voici ma fonction toggle:
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
 
function toggle(obj) {
	var el = document.getElementById(obj);
	if ( el.style.display != 'none' ) {
		el.style.display = 'none';
		new Effect.Shrink(obj, {direction: 'top-left'});
 
	}
	else {
		el.style.display = '';
		new Effect.grow(obj, {direction: 'top-left'});
 
	}
 
}
et voici mon code jsp:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<c:forEach items="#{sWIMmoduleStatistiques.listeModules}" var="m">
 
			<h:panelGroup>
				<br>
				<div class="connectorChartHeader" onclick="toggle('${m.nomChart}');">
				<span class="headerTitle">${m.nom}</span>
				</div>
 
				<br>
				<br>
				<img src="${m.nomChart}" id="${m.nomChart}" />
			</h:panelGroup>
		</c:forEach>