Ir para conteúdo

POWERED BY:

Arquivado

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

Alaerte Gabriel

[resolvido]Problema com innerHTML

Por , em Javascript

Recommended Posts

Alaerte Gabriel    662

Alaerte Gabriel
Postado

Olá pessoal, estou com um pequeno problema no innerHTML do JS.

 

Vou mostrar o script depois eu falo o que ta pgando.

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste</title>
<style type="text/css">
.textos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.campos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #F7F7F7;
	border: 1px solid #666666;
}
</style>
<script language="javascript" type="text/javascript">
<!--
function area(cat,setor){
	if(cat=='produtos' || setor=='inf'){
	var obj = document.getElementById('teste');

	obj.innerHTML='';
	
 }
}
//-->
</script>
</head>

<body>
<div id="teste">

</div>
<a href="java script:area('produtos','inf');">Clique para adicionar</a>
</body>
</html>

Bem, ali dentro do innerHTML, se eu colocar qualquer texto ou alguns inputs ele funciona perfeitamente, ai clicar no link ele aparece os inputs que coloquei, mais quando eu tento colocar ali dentro um formulário completo, ele não insere na página, porque ?

 

e não ta dando conflito nas aspas '' e "" estão todas corretas... o formulário que estou tentando inserir é esse:

 

<fieldset>
<legend class="campos">Cadastro de Produtos</legend>
<br />
<table width="437" border="0" cellpadding="1" cellspacing="1" class="textos">
  <form id="form1" name="form1" method="post" action="">
	<tr>
	  <td width="205">Nome:</td>
	  <td width="225">
	  <input name="pr_nome" type="text" class="campos" id="pr_nome" />	</td>
	</tr>
	<tr>
	  <td>Preço deVenda:</td>
	  <td><input name="pr_preco" type="text" class="campos" id="pr_preco" /></td>
	</tr>
	<tr>
	  <td>Estoque:</td>
	  <td><input name="pr_estoque" type="text" class="campos" id="pr_estoque" /></td>
	</tr>
	<tr>
	  <td>Setor:</td>
	  <td>
		<select name="pr_setor" class="campos" id="pr_setor">
		<?php
		?>
	  </select>	</td>
	</tr>
	<tr>
	  <td>Descrição do Produto: </td>
	  <td><p>
		<textarea name="pr_descricao" cols="35" rows="9" class="campos" id="pr_descricao"></textarea>
		</p>	  </td>
	</tr>
	<tr>
	  <td>Possui Nota Fiscal ?</td>
	  <td><input name="sim" type="radio" id="radio" value="sim" checked="checked" />
		Sim 
		<input type="radio" name="nao" id="radio2" value="nao" />
	  Não</td>
	</tr>
	<tr>
	  <td> </td>
	  <td><input name="cadastrar" type="submit" class="campos" id="cadastrar" value="Cadastrar" />
	  <input name="limpar" type="reset" class="campos" id="limpar" value="Limpar" /></td>
	</tr>
  </form>
</table>
</fieldset>

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

Oi bom dia tudo bem? Qual navegador você esta utilizando? Qual é o erro exibido pelo navegador?

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

Agora que eu vi o seu HTML, ele esta incorreto. Você não pode incluir um tag Form como filha de uma tag Table.

 

Para corrigir, recorte a tag form e cole ANTES da tag fieldset (que você esta usando como contentholder), não esquecendo de fazer o mesmo para a tag de fechamento.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alaerte Gabriel    662

Alaerte Gabriel
Postado

humm, saquei mano, eu tinha dado um jeito aqui e deu certo, mais vou testar do seu jeito, eu fiz assim, retirei a TAG FORM do innerHTML e coloquei ela na página html normal, ai eu pego o ID do form e insiro os campos dentro dele pelo innetHTML, mais vou testar isso que você falou ai, só um momento :)

 

Valeu eim

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