Boa noite galera.
Estou com um probleminha desde ontem.
Tenho uma lista de cartas que eu trago quando chamo minha action, nessa lista eu uso logic:iterate e faço paginação para que apareça uma carta em cada página.
Porém, eu quero ocultar o conteúdo de alguns propertys que eu trago, só deve aparecer quando a pessoa clicar no botão.
O meu grande problema, é que, já consegui fazer aparacer o conteúdo, mas quando eu clico na primeira página, passo para segunda, o conteúdo da segunda carta já está aberto como se a pessoa já tivesse clicado.
Acho que com o código fica mais fácil de entender. rs
Essa é minha função:
function mostrarDica(cont){
document.getElementById(cont).style.display="block";
document.getElementById(cont).style.display="none";
}
Esse é meu iterate:
<%! int contador = 1; %>
<logic:iterate id="f" name="form" property="cartas">
<tr>
<td><bean:write name="f" property="tema"/></td>
<td>
<div id="<%=contador %>" style="display:none;">
<bean:write name="f" property="dica1"/>
</div>
<div id="<%=contador %>">
<html:button property="Dica 1" onclick="mostrarDica(PASSAR O CONTADOR AQUI TB);" styleId="formar_conjunto"/>
</div>
</td>
<% contador = contador +1; %>
<td>
<div id="<%=contador %>" style="display:none;">
<bean:write name="f" property="dica2"/>
</div>
<div id="<%=contador %>">
<html:button property="Dica 2" onclick="mostrarDica(PASSAR O CONTADOR AQUI TB);" styleId="formar_conjunto"/>
</div>
</td>
</tr>
<% contador = contador +1; %>
</logic:iterate>
<div id="<%=contador %>" style="display:none;">
onclick="mostrarDica(<%=contador %>);"
Alguém tem alguma sugestão??
Desde já grata. :)