(Resolvido) div

Carlos Rocha · Novembro 4, 2009

Ola pessoal,

Tenho uma função que oculta div's, cisa simples.

function esconde(a, B)
{
document.getElementById('a').style.display="none";
document.getElementById('b').style.display="none";
}

A ideia é chamar esta função através de um radio buton assim: ] <input type="radio" name="RadioGroup1" value="div2" onClick="esconde(div1,div3)"/> Passando por parametros a e b, os nomes das div's que serão ocultadas. O problema é que nessa parte : document.getElementById('a'), esse 'a', é o nome da div mas eu quero trocar esse nome da div por uma variavel que recebera o nome da div no momento em que a funçao for chamada. Nesse código que eu fiz |(por favor não riam), da o seguinte erro: Objeto esperado.. Mas não fala que bendito objeto esperado é esse. Obrigado a quem puder ajudar. Veja meu código completo:

<!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>Untitled Document</title>
<script>
function mostra(a)
{  
document.getElementById(a).style.display = "block";
}

function esconde(a, b)
{
document.getElementById(a).style.display = "none";
document.getElementById(b).style.display = "none";
}
</script>

</head>

<body>

<div id="div1" style="display:block;">MOSTRAR DIV 1</div>
<div id="div2" style="display:none;">MOSTRAR DIV 2</div>
<div id="div3" style="display:none;">MOSTRAR DIV 3</div>


<form id="form1" name="form1" method="post" action="">
  <table width="200">
    <tr>
      <td><label>
        <input type="radio" name="RadioGroup1" value="div1" onClick="mostra(div1); esconde(div2,div3)" checked/>
        div1</label></td>
    </tr>
    <tr>
      <td><label>
        <input type="radio" name="RadioGroup1" value="div2" onClick="mostra(div2); esconde(div1,div3)"/>
        div2</label></td>
    </tr>
 <tr>
      <td><label>
        <input type="radio" name="RadioGroup1" value="div3" onClick="mostra(div3); esconde(div2,div3)"/>
        div3</label></td>
    </tr>
  </table>
</form>
</body>
</html>

Editado Novembro 4, 2009 por Carlos Rocha

Carlos Rocha · Novembro 4, 2009

Ok.

Deu certo tambem.

Estou com um outro pepino;

Preciso fazer um loop (em JavaScript) para saber qual RadioButton esta checkado num conjunto de 5 RadioButton para gerar um cookie com o value dele.

Como faço essa função?

Obnrigado a quem puder ajudar.

fercosmig · Novembro 4, 2009

function valorSelec(NomeRadio){
    objRadio = document.getElementsByName(NomeRadio);
    for (i = 0; i < objRadio.length; i++) {
        if (objRadio[i].checked) alert(objRadio[i].value);    
    }
}

<input type="radio" name="rd" value="1">1<br />
<input type="radio" name="rd" value="2">2<br />
<input type="radio" name="rd" value="3">3<br />
<input type="radio" name="rd" value="4">4<br />
<input type="radio" name="rd" value="5">5<br />
<input type="button" name="btn1" value="testar" onclick="java script: valorSelec('rd');">

Carlos Rocha · Novembro 7, 2009

Legal, gostei dessa.

Fiz assim e tambem deu certo:

<script>
if (1==1) {
    for(i = 0; i < document.orcamento.config.length; i++){
    if (document.orcamento.config[i].checked) {
    break;
    }
    }
    var rbc = document.orcamento.config[i].value;
    setarCookie('radiochecado',rbc);

  }
</script>

Editado Novembro 7, 2009 por Carlos Rocha

Entrar

(Resolvido) div

Pergunta

Carlos Rocha

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

Carlos Rocha

Link para o comentário

Compartilhar em outros sites

fercosmig

Link para o comentário

Compartilhar em outros sites

Carlos Rocha

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades