Onload

Junho 25, 2008

Gostaria que alguém me ajudadasse nesse codigo, pois gostaria que os campos da "direita" quando a página fosse caregada eles não aparecessem, só fosse possivel visualiza-los ao clicar do seu respectivo checkbox.

Obrigado!!!

<!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">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Forum Imasters</title>
 <script type="text/javascript">

        var frm = {
	        cacheItens : [],
	        Visibility : function $Visibility(Element) {
		        var _element;
		        if(typeof(Element) === 'object'){
		        _element = Element;
		        }
else{
			        _element = document.getElementById(Element) || document.getElementsByName(Element)[0];
		        }
		        return {
				        Toggle: function(){
							        if(_element)
							        {
								        //Altere conforme sua ncessidade
								        //_element.style.display = (_element.style.display == 'none'? '': 'none');
								        _element.style.visibility = (_element.style.visibility == 'hidden'? 'visible': 'hidden');

								        //Evita que os dados sejam enviados para o servidor 
								        //caso os campos estejam escondidos
								        _element.disabled = _element.disabled === false;
							        }
						        }
			        }
	        },getItens : function $getNodesByTagName(group, tag){
		        var returnValue = frm.cacheItens[group];
			        if(!returnValue)
				        {
					        this.cacheItens[group] = [];
					        tag = tag !== undefined? tag: 'input';
					        var checks = document.getElementsByTagName(tag);
					        for(var x in checks)
					        {
						        if(checks[x].name && checks[x].name.indexOf(group) > -1)
						        {

							        this.cacheItens[group].push(checks[x]);
						        }
					        }
					        returnValue = this.cacheItens[group];
				        }
		        return returnValue;
	        }
        };


        //Extends
        frm.Visibility.ToggleGroup = function $ToggleGroup(groupName)
        {
	        var inputs = frm.getItens(groupName);
	        for(var x = 1;x <inputs.length; x++)
	        {
		        frm.Visibility(inputs[x].parentNode).Toggle();
	        }
        }
    </script>
</head>
<body onload="alert('Seja Bem Vindo')">
    <form action="" method="post" >
        <p>
            <br />
        </p>
        <table width="60%" border="1">
            <tr>
                <td>
                    <label>
                        Sim/Não
                        <input type="checkbox" name="RadioGroup1[0]" id="RadioGroup1" onclick="frm.Visibility.ToggleGroup(this.id); return true"
                            value="checkbox" />
                    </label>
                    <br />
                    &nbsp;</td>
                <td >
                    <label for="RadioGroup1[1]" >
                        <input type="checkbox" name="RadioGroup1[1]" value="checkbox"   />
                        teste1<br />
                    </label>
                    <label for="RadioGroup1[2]">
                        <input type="checkbox" name="RadioGroup1[2]" value="checkbox" />
                        teste2<br />
                    </label>
                    <label for="RadioGroup1[3]">
                        <input type="checkbox" name="RadioGroup1[3]" value="checkbox" />
                        teste3
                    </label>
                </td>
            </tr>
        </table>
        <table width="60%" border="1">
            <tr>
                <td>
                    <label>
                        Sim/N&atilde;o
                        <input type="checkbox" name="RadioGroup2[0]" id="RadioGroup2" onclick="frm.Visibility.ToggleGroup(this.id); return true"
                            value="checkbox" checked="checked" />
                    </label>
                    <br />
                    &nbsp;</td>
                <td>
                    <label for="RadioGroup2[1]">
                        <input type="checkbox" name="RadioGroup2[1]" value="checkbox" />
                        teste1<br />
                    </label>
                    <label for="RadioGroup2[2]">
                        <input type="checkbox" name="RadioGroup2[2]" value="checkbox" />
                        teste2<br />
                    </label>
                    <label for="RadioGroup2[3]">
                        <input type="checkbox" name="RadioGroup2[3]" value="checkbox" />
                        teste3
                    </label>
                </td>
            </tr>
        </table>
        <table width="60%" border="1">
            <tr>
                <td width="56%" height="125">
                    <label>
                        Sim/N&atilde;o
                        <input type="checkbox" name="RadioGroup3[0]" id="RadioGroup3" onclick="frm.Visibility.ToggleGroup(this.id); return true"
                            value="checkbox" checked="checked" />
                    </label>
                    <br />
              &nbsp;</td>
              <td width="44%">
                    <label for="RadioGroup3[1]">
                    </label>
                <label>
                        teste
                        <input type="text" name="RadioGroup3[1]" />
                        <br />
                </label>
                    <p>
                      <label for="RadioGroup3[2]">teste2
					  </label>
					  <label>
                      <select name="RadioGroup3[2]">
                      </select>
					  </label>
                </p>
                <p><label for="RadioGroup3[3]">
                    </label>
                  <label>teste3
                  <input type="text" name="RadioGroup3[3]" />
                  </label>
                </p></td>
            </tr>
        </table>
        <p>&nbsp;
      </p>
        <p>&nbsp;
      </p>
    </form>
</body>
</html>[/codebox]

Editado Junho 25, 2008 por fercosmig
Adicionar tag CODE

Eric Freitas · Junho 25, 2008

display: none;

e onChange no <select>

chama um funcao pra fazer aparecer o box

Entrar

Onload

Pergunta

Guest ivonaldotorres

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Eric Freitas

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades