Comment fonctionnent les effets ?
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:
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:
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> |