Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Adilson_Web_2007

Como adicionar um elemento com onClick

Por , em Javascript

Recommended Posts

Adilson_Web_2007    0

Adilson_Web_2007
Postado

Olá pessoal estou me quebrando ja pesquisei mas não achei o que eu quero. É o seguinte tem os botões chekBox, e quando for clicado num especifico tem que aparecer uns campos na página criei a função mas não aparece na página. Alguma dica? Segue o código.

 

<input name="cobranca" type="checkbox"value="Por Hora" id="hora"  onClick="Mostra('homenagens');">Por Hora<br>

E aqui a função:

 

<script>
function Mostra(local)
{
var pula;
pula ="<td valign=top colspan=2><br><fieldset><legend>Tabela</legend><input name=tabela type=radio value=Padrão id=padrao>Padrão <br> <input name=tabela type=radio value=20% Desconto id=desconto>20% Desconto <br> <input name=tabela type=radio value=Outros id=outro>Outros  <br> <textarea name=obrigatorio cols=33 rows=4></textarea></fieldset></td>";
document.getElementById(local).pula;
}
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

GuttoSP    2

GuttoSP
Postado

Certo, o correto é document.getElementById(local).innerHTML = pula; e não document.getElementById(local).innerHTML.pula; Foi minha resposta anterior. Sua tabela dentro da variável pula estava incompleta, altere como abaixo e poste o resultado.

 

JAVASCRIPT
pula = "<table><tr><td valign=top colspan=2><br><fieldset><legend>Tabela</legend><input name=tabela type=radio value=Padrão id=padrao>Padrão <br> <input name=tabela type=radio value=20% Desconto id=desconto>20% Desconto <br> <input name=tabela type=radio value=Outros id=outro>Outros  <br> <textarea name=obrigatorio cols=33 rows=4></textarea></fieldset></td></tr></table>";

Compartilhar este post

Link para o post
Compartilhar em outros sites

GuttoSP    2

GuttoSP
Postado 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function Mostra(local) {
var pula;
pula = "<table><tr><td valign=top colspan=2><br><fieldset><legend>Tabela</legend><input name=tabela type=radio value=Padrão id=padrao>Padrão <br> <input name=tabela type=radio value=20% Desconto id=desconto>20% Desconto <br> <input name=tabela type=radio value=Outros id=outro>Outros  <br> <textarea name=obrigatorio cols=33 rows=4></textarea></fieldset></td></tr></table>";
document.getElementById(local).innerHTML = pula;
}
</script>
</head>
<body>
<input name="cobranca" type="checkbox"value="Por Hora" id="hora"  onClick="Mostra('homenagens');">Por Hora<br>
<div id="homenagens"></div>
</body>
</html>

Imagem Postada

 

Complicado heim.. Testo aqui e funciona. Posta o erro que vier a ter.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Adilson_Web_2007    0

Adilson_Web_2007
Postado

Realmente eu fiz o teste aparte e funcionou. agora fiquei em dúvida. Então o erro aparece na barra de status. alguma dica, to enrolado. você colocou a tabela mas esse código está na tabela.

 

exemplo

 

<table width="70%" align="center" cellpadding="0" cellspacing="0" border="1" bordercolor="#000000">
<tr>
<td></td>
</tr>
aqui para cima tem mais coisa do formulario
<div id="homenagens"></div>

</table>

Compartilhar este post

Link para o post
Compartilhar em outros sites

GuttoSP    2

GuttoSP
Postado

Apague a div, tire todas as tags da tabela que estão na variável pula. Crie a tabela completa no html e coloque a id da tr para homenagens.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito