Arquivo Discussoes de Programacao e Tecnologia Olá pessoal,
Sou novo com ajax e gostaria de uma ajuda de vcs.
Trabalho com template mais especificamente (template POWER) e quero fazer o seguinte:
Tenho 3 checkbox no meu formulário. Quando o usuário ativar um deles ou mais de um habilita o BLOCK respectivamente indicado por cada checkbox.
Pois dentro de cada BLOCK terá mais uns 10 caqmpos para preencher
Alguem tem alguma ideia.
Bem não sei se entendi bem o que vc quer, então vou colocar aqui um exemplo simples de como vc pode fazer.
JSP
Suas checkbox
<input type="checkbox" name="abilita1" value="block1" onclick="javascript:carregaBlock(this)"/>Bloco 1
<input type="checkbox" name="abilita2" value="block2" onclick="javascript:carregaBlock(this)"/>Bloco 2
<input type="checkbox" name="abilita3" value="block3" onclick="javascript:carregaBlock(this)"/>Bloco 3
Bloco 1 - Div com o que vc quiser…
<div id="block1" style="display:none">
<br>
<select name="combobox1"><option>asdasdasd</option></select>
<input type="checkbox" id="type2" name="types2" value="N" onclick="javascript:selectCheck(this)"/>White
<input type="checkbox" id="type3" name="types3" value="N" onclick="javascript:selectCheck(this)"/>Indian
<input type="checkbox" id="type4" name="types4" value="N" onclick="javascript:selectCheck(types4.id)"/>Mexican
</div>
Bloco 2 - Div com o que vc quiser…
<div id="block2" style="display:none">
<br>
<input type="checkbox" id="type1" name="types1" value="N" onclick="javascript:selectCheck(this)"/>Blacka
<input type="checkbox" id="type2" name="types2" value="N" onclick="javascript:selectCheck(this)"/>White
<input type="checkbox" id="type3" name="types3" value="N" onclick="javascript:selectCheck(this)"/>Indian
<input type="checkbox" id="type4" name="types4" value="N" onclick="javascript:selectCheck(types4.id)"/>Mexican
</div>
Bloco 3 - Div com o que vc quiser…
<div id="block3" style="display:none">
<br>
<table border="1">
<tr><td>tabelas</td></tr>
</table>
</div>
JavaScript
function carregaBlock(check){
var divs = document.getElementById(check.value);
if(check.checked){
divs.style.display = '';
}else{
divs.style.display = 'none';
}
}
Bem basicamente é isso, quando vc clicar nas checkbox ele vai exibir ou não o conteudo no div…se o conteúdo vem do banco mais fácil ainda com DWR ;D.
Bem espero ter ajudado, era essa mesmo sua dúvida ?
Abraços e boa sorte