Ir para conteúdo

POWERED BY:

Arquivado

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

kania

Ajax com problema no Firefox

Por , em Javascript

Recommended Posts

kania    0

kania
Postado

Olá pessoal gente tenho os eguinte código ajax que deve preeencher automáticamente o form cmo os dados do endereço

 

Pagina Ajax

function createXMLHTTP() 
 {
  var ajax;
  try 
  {
   ajax = new ActiveXObject("Microsoft.XMLHTTP");
  } 
  catch(e) 
  {
   try 
   {
	ajax = new ActiveXObject("Msxml2.XMLHTTP");
	alert(ajax);
   }
   catch(ex) 
   {
	try 
	{
	 ajax = new XMLHttpRequest();
	}
	catch(exc) 
	{
	  alert("Esse browser não tem recursos para uso do Ajax");
	  ajax = null;
	}
   }
   return ajax;
  }
 
 
	 var arrSignatures = ["MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0",
		   "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP",
		   "Microsoft.XMLHTTP"];
	 for (var i=0; i < arrSignatures.length; i++) 
	 {
	try 
	{
	 var oRequest = new ActiveXObject(arrSignatures[i]);
	 return oRequest;
	} 
	catch (oError) 
	{
	   }
	 }
  
	  throw new Error("MSXML Você não possui este recurso instalado no servidor.");
 }

faço a requisição na pagina que tem o formulário

//função em ajax que vai buscar a página que preenche a lista
function PreencheCep() {
/*----------------------------------------------------------------------------------------------*/
// criacao do objeto XMLHTTP do arquivo ajax.js
	var oHTTPRequest = createXMLHTTP(); 
	oHTTPRequest.open("post", "iaki_busca_cep.asp", false); //enviamos para a página que faz o select do que foi digitado e traz a lista preenchida.
	// para solicitacoes utilizando o metodo post deve ser acrescentado 
	// este cabecalho HTTP
	oHTTPRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	// a funcao abaixo e executada sempre que o estado do objeto muda (onreadystatechange)
	oHTTPRequest.onreadystatechange = function() {
		// o valor 4 significa que o objeto ja completou a solicitacao
		if (oHTTPRequest.readyState==4) {// abaixo o texto gerado no arquivo executa.asp e colocado no div
			// document.all.divCep.innerHTML = oHTTPRequest.responseText;
			var retorno = oHTTPRequest.responseText.split("|");
			if (retorno.length == 1) {
				alert(retorno[0]);
				document.all.Cep.focus();
			} else {
				document.all.Endereco.value = retorno[0];
				document.all.Bairro.value = retorno[1];
				document.all.Cidade.value = retorno[2];
				document.all.Estado.value = retorno[3];
			}
		}
	}
	oHTTPRequest.send("Cep=" + FormCadEstab.Cep.value);

No campo cep

 

onblur="PreencheCep()"

O código funciona certinho o IE mas no firefox da erro na linha

 

oHTTPRequest.send("Cep=" + FormCadEstab.Cep.value);

o erro é

 

FormCadEstab is not defined

 

 

Porem como falei no IE funciona, alguém sabe oque pode ser o erro?

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

o nome do seu form é esse ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

kania    0

kania
Postado

sim, é este, até porque como eu disse no IE ele funciona direitinho e sem erros, vou postar o código do form

 

 

<div id="IakiCadNew">
	<div class="TituloPagina"><h1>Iaki - Cadastrar novo Cliente</h1></div>
	<div id="FormCadIaki">
   	  <form action="?pag=iaki_cad_novo_etapa_2.asp&E1=S" method="post" name="FormCadEstab" id="FormCadEstab" >
		<fieldset>
<legend>Dados Gerais</legend>
					<table width="100%" border="0" cellspacing="5" cellpadding="0">
					  <tr class="TitulosCampos">
						<td>
						Nome da Empresa<br />
						  <input type="text" name="NomeEmpresa" id="NomeEmpresa" class="CampoTexto"/>
						</td>
						<td colspan="2">
						Nome do Contato<br />
						<input type="text" name="NomeContato" id="NomeContato" class="CampoTexto"/></td>
					  </tr>
					  <tr class="TitulosCampos">
						<td colspan="3">Email<br />
						<input type="text" name="Email" id="Email" class="CampoTexto"/></td>
					  </tr>
					  <tr class="TitulosCampos">
						<td colspan="3">Url do Site<span class="DetCampo">(no formato www.site.com.br)</span><br />
						  <input type="text" name="UrlSite" id="UrlSite" class="CampoTexto"/>
						</span></td>
					  </tr>
					  <tr class="TitulosCampos">
						<td>Cep<br />
						  <input type="text" name="Cep" id="Cep" onkeypress="return txtBoxFormat(this, '99.999-99', event);" maxlength="10" class="CampoTexto" onblur="PreencheCep();" />
						<span id="CampoCep"></span></td>
						<td>Endereço<br />
						<input type="text" name="Endereco" id="Endereco" class="CampoTexto"/></td>
						<td>N°<br />
						<input type="text" name="numero" id="numero" class="CampoPeqG" /></td>
					  </tr>
					  <tr class="TitulosCampos">
						<td colspan="3">Complemento<br />
						<input type="text" name="Complemento" id="Complemento" class="CampoTextoGr"/></td>
					  </tr>
					  <tr class="TitulosCampos">
						<td>Bairro<br />
						<input type="text" name="Bairro" id="Bairro" class="CampoTexto"/></td>
						<td>Cidade<br />
						<input type="text" name="Cidade" id="Cidade" class="CampoTexto"/></td>
						<td>Estado<br />
						  <select name="Estado" id="Estado" class="CampoSelect">
							<option selected value="">Escolha o estado</option>
							<option value="">-----------------------------------------</option>
					<%
					Set RS = Server.CreateObject("adodb.recordset")
					SQL = "select * from estados Order By nom_estado asc"
					RS.Open SQL,Conn,3,3
					
					Do until RS.EOF
					SglEstado = Rs("sgl_estado")
					NomeEstado = Rs("nom_estado")
					%>
							<option value="<%=SglEstado%>" class="Campo">- <%=NomeEstado%></option>
					<%
					RS.movenext
					loop
					%>
						  </select>
					<%
					Rs.close
					Set Rs =  Nothing
					%>
					</td>
					  </tr>
					  <tr class="TitulosCampos">
						<td>Telefone Comercial<br />
						<input type="text" name="TelefoneCom" id="TelefoneCom"  onKeyPress="return txtBoxFormat(this, '(99) 9999-9999', event);" maxlength="14" class="CampoTexto"/></td>
						<td>Telefone Comercial 2<br />
						<input type="text" name="TelefoneCom2" id="TelefoneCom2"  onkeypress="return txtBoxFormat(this, '(99) 9999-9999', event);" maxlength="14" class="CampoTexto"/></td>
						<td>Telefone Celular<br />
						<input type="text" name="TelefoneCel" id="TelefoneCel"  onkeypress="return txtBoxFormat(this, '(99) 9999-9999', event);" maxlength="14" class="CampoTexto"/></td>
					  </tr>
				  </table>
				  </fieldset><br />
				<fieldset>
			   	  <legend>Informações Adcionais</legend>
					<table width="100%" border="0" cellspacing="5" cellpadding="0">
					  <tr class="TitulosCampos">
						<td><span class="TitulosCampos">Tipo de Cliente</span><br />
						  <select name="TipoCliente" class="CampoSelect" id="TipoCliente">
							<option selected value="">Escolha o tipo</option>
							<option class="Campo" value="G">Cliente Gratuíto</option>
							<option class="Campo" value="P">Cliente Pago</option>
						</select></td>
						<td><span class="TitulosCampos">Produto</span><br />
						  <select name="TipoAnuncio" class="CampoSelect" id="TipoAnuncio">
							<option selected value="">Escolha o produto</option>
							<option class="Campo" value="Anúncio Gratuíto">Anúncio Gratuíto</option>
							<option class="Campo" value="Destaque na Listagem">Destaque na Listagem</option>
							<option class="Campo" value="Destaque de Categoria">Destaque de Categoria</option>
							<option class="Campo" value="Full Banner 728x90">Full Banner 728x90</option>
							<option class="Campo" value="Botão 200x90">Botão 200x90</option>
							<option class="Campo" value="Botão 200x60">Botão 200x60</option>
						</select></td>
					  </tr>
					  <tr class="TitulosCampos">
						<td colspan="2">Horário de atendimento <span class="DetCampo">(específique em que dia e horário o estabelecimento trabalha)</span><br />
						de
							<select name="HorarioAtendimento1" id="HorarioAtendimento1" class="SelectHora">
							  <option selected value="">Escolha...</option>
							  <option value="Segunda-Feira" class="Campo">Segunda-Feira</option>
							  <option value="Terça-Feira" class="Campo">Terça-Feira</option>
							  <option value="Quarta-Feira" class="Campo">Quarta-Feira</option>
							  <option value="Quinta-Feira" class="Campo">Quinta-Feira</option>
							  <option value="Sexta-Feira" class="Campo">Sexta-Feira</option>
							  <option value="Sabado">Sabado</option>
							  <option value="Domingo" class="Campo">Domingo</option>
							</select>
à
<select name="HorarioAtendimento2" id="HorarioAtendimento2"  class="SelectHora">
  <option selected value="">Escolha...</option>
  <option value="Segunda-Feira" class="Campo">Segunda-Feira</option>
  <option value="Terça-Feira" class="Campo">Terça-Feira</option>
  <option value="Quarta-Feira" class="Campo">Quarta-Feira</option>
  <option value="Quinta-Feira" class="Campo">Quinta-Feira</option>
  <option value="Sexta-Feira" class="Campo">Sexta-Feira</option>
  <option value="Sabado-Feira" class="Campo">Sabado-Feira</option>
  <option value="Domingo" class="Campo">Domingo</option>
</select>
das
<select name="HorarioAtendimento3" id="HorarioAtendimento3"  class="SelectHora">
  <option selected value="">Escolha...</option>
  <option value="07:00" class="Campo">07:00</option>
  <option value="07:15" class="Campo">07:15</option>
  <option value="07:30" class="Campo">07:30</option>
  <option value="07:45" class="Campo">07:45</option>
  <option value="08:00" class="Campo">08:00</option>
  <option value="08:15" class="Campo">08:15</option>
  <option value="08:30" class="Campo">08:30</option>
  <option value="08:45" class="Campo">08:45</option>
  <option value="09:00" class="Campo">09:00</option>
  <option value="09:15" class="Campo">09:15</option>
  <option value="09:30" class="Campo">09:30</option>
  <option value="09:45" class="Campo">09:45</option>
  <option value="10:00" class="Campo">10:00</option>
  <option value="10:15" class="Campo">10:15</option>
  <option value="10:30" class="Campo">10:30</option>
  <option value="10:45" class="Campo">10:45</option>
  <option value="11:00" class="Campo">11:00</option>
  <option value="11:15" class="Campo">11:15</option>
  <option value="11:30" class="Campo">11:30</option>
  <option value="11:45" class="Campo">11:45</option>
  <option value="12:00" class="Campo">12:00</option>
  <option value="12:15" class="Campo">12:15</option>
  <option value="12:30" class="Campo">12:30</option>
  <option value="12:45" class="Campo">12:45</option>
  <option value="13:00" class="Campo">13:00</option>
  <option value="13:15" class="Campo">13:15</option>
  <option value="13:30" class="Campo">13:30</option>
  <option value="13:45" class="Campo">13:45</option>
  <option value="14:00" class="Campo">14:00</option>
  <option value="14:15" class="Campo">14:15</option>
  <option value="14:30" class="Campo">14:30</option>
  <option value="14:45" class="Campo">14:45</option>
  <option value="15:00" class="Campo">15:00</option>
  <option value="15:15" class="Campo">15:15</option>
  <option value="15:30" class="Campo">15:30</option>
  <option value="16:00" class="Campo">16:00</option>
  <option value="16:15" class="Campo">16:15</option>
  <option value="16:30" class="Campo">16:30</option>
  <option value="16:45" class="Campo">16:45</option>
  <option value="17:00" class="Campo">17:00</option>
  <option value="17:15" class="Campo">17:15</option>
  <option value="17:30" class="Campo">17:30</option>
  <option value="17:45" class="Campo">17:45</option>
  <option value="18:00" class="Campo">18:00</option>
  <option value="18:15" class="Campo">18:15</option>
  <option value="18:30" class="Campo">18:30</option>
  <option value="18:45" class="Campo">18:45</option>
  <option value="19:00" class="Campo">19:00</option>
  <option value="19:15" class="Campo">19:15</option>
  <option value="19:30" class="Campo">19:30</option>
  <option value="19:45" class="Campo">19:45</option>
  <option value="20:00" class="Campo">20:00</option>
  <option value="20:15" class="Campo">20:15</option>
  <option value="20:30" class="Campo">20:30</option>
  <option value="20:45" class="Campo">20:45</option>
  <option value="21:00" class="Campo">21:00</option>
  <option value="21:15" class="Campo">21:15</option>
  <option value="21:30" class="Campo">21:30</option>
  <option value="21:45" class="Campo">21:45</option>
  <option value="22:00" class="Campo">22:00</option>
  <option value="22:15" class="Campo">22:15</option>
  <option value="22:30" class="Campo">22:30</option>
  <option value="22:45" class="Campo">22:45</option>
  <option value="23:00" class="Campo">23:00</option>
  <option value="23:15" class="Campo">23:15</option>
  <option value="23:30" class="Campo">23:30</option>
  <option value="23:45" class="Campo">23:45</option>
  <option value="00:00" class="Campo">00:00</option>
  <option value="00:15" class="Campo">00:15</option>
  <option value="00:30" class="Campo">00:30</option>
  <option value="00:45" class="Campo">00:45</option>
  <option value="01:00" class="Campo">01:00</option>
  <option value="01:15" class="Campo">01:15</option>
  <option value="01:30" class="Campo">01:30</option>
  <option value="01:45" class="Campo">01:45</option>
  <option value="02:00" class="Campo">02:00</option>
  <option value="02:15" class="Campo">02:15</option>
  <option value="02:30" class="Campo">02:30</option>
  <option value="02:45" class="Campo">02:45</option>
  <option value="03:00" class="Campo">03:00</option>
  <option value="03:15" class="Campo">03:15</option>
  <option value="03:30" class="Campo">03:30</option>
  <option value="03:45" class="Campo">03:45</option>
  <option value="04:00" class="Campo">04:00</option>
  <option value="04:15" class="Campo">04:15</option>
  <option value="04:30" class="Campo">04:30</option>
  <option value="04:45" class="Campo">04:45</option>
  <option value="05:00" class="Campo">05:00</option>
  <option value="05:15" class="Campo">05:15</option>
  <option value="05:30" class="Campo">05:30</option>
  <option value="05:45" class="Campo">05:45</option>
  <option value="06:00" class="Campo">06:00</option>
  <option value="06:15" class="Campo">06:15</option>
  <option value="06:30" class="Campo">06:30</option>
  <option value="06:45" class="Campo">06:45</option>
</select>
às
<select name="HorarioAtendimento4" id="HorarioAtendimento4"  class="SelectHora">
  <option selected value="">Escolha...</option>
  <option value="07:00" class="Campo">07:00</option>
  <option value="07:15" class="Campo">07:15</option>
  <option value="07:30" class="Campo">07:30</option>
  <option value="07:45" class="Campo">07:45</option>
  <option value="08:00" class="Campo">08:00</option>
  <option value="08:15" class="Campo">08:15</option>
  <option value="08:30" class="Campo">08:30</option>
  <option value="08:45" class="Campo">08:45</option>
  <option value="09:00" class="Campo">09:00</option>
  <option value="09:15" class="Campo">09:15</option>
  <option value="09:30" class="Campo">09:30</option>
  <option value="09:45" class="Campo">09:45</option>
  <option value="10:00" class="Campo">10:00</option>
  <option value="10:15" class="Campo">10:15</option>
  <option value="10:30" class="Campo">10:30</option>
  <option value="10:45" class="Campo">10:45</option>
  <option value="11:00" class="Campo">11:00</option>
  <option value="11:15" class="Campo">11:15</option>
  <option value="11:30" class="Campo">11:30</option>
  <option value="11:45" class="Campo">11:45</option>
  <option value="12:00" class="Campo">12:00</option>
  <option value="12:15" class="Campo">12:15</option>
  <option value="12:30" class="Campo">12:30</option>
  <option value="12:45" class="Campo">12:45</option>
  <option value="13:00" class="Campo">13:00</option>
  <option value="13:15" class="Campo">13:15</option>
  <option value="13:30" class="Campo">13:30</option>
  <option value="13:45" class="Campo">13:45</option>
  <option value="14:00" class="Campo">14:00</option>
  <option value="14:15" class="Campo">14:15</option>
  <option value="14:30" class="Campo">14:30</option>
  <option value="14:45" class="Campo">14:45</option>
  <option value="15:00" class="Campo">15:00</option>
  <option value="15:15" class="Campo">15:15</option>
  <option value="15:30" class="Campo">15:30</option>
  <option value="16:00" class="Campo">16:00</option>
  <option value="16:15" class="Campo">16:15</option>
  <option value="16:30" class="Campo">16:30</option>
  <option value="16:45" class="Campo">16:45</option>
  <option value="17:00" class="Campo">17:00</option>
  <option value="17:15" class="Campo">17:15</option>
  <option value="17:30" class="Campo">17:30</option>
  <option value="17:45" class="Campo">17:45</option>
  <option value="18:00" class="Campo">18:00</option>
  <option value="18:15" class="Campo">18:15</option>
  <option value="18:30" class="Campo">18:30</option>
  <option value="18:45" class="Campo">18:45</option>
  <option value="19:00" class="Campo">19:00</option>
  <option value="19:15" class="Campo">19:15</option>
  <option value="19:30" class="Campo">19:30</option>
  <option value="19:45" class="Campo">19:45</option>
  <option value="20:00" class="Campo">20:00</option>
  <option value="20:15" class="Campo">20:15</option>
  <option value="20:30" class="Campo">20:30</option>
  <option value="20:45" class="Campo">20:45</option>
  <option value="21:00" class="Campo">21:00</option>
  <option value="21:15" class="Campo">21:15</option>
  <option value="21:30" class="Campo">21:30</option>
  <option value="21:45" class="Campo">21:45</option>
  <option value="22:00" class="Campo">22:00</option>
  <option value="22:15" class="Campo">22:15</option>
  <option value="22:30" class="Campo">22:30</option>
  <option value="22:45" class="Campo">22:45</option>
  <option value="23:00" class="Campo">23:00</option>
  <option value="23:15" class="Campo">23:15</option>
  <option value="23:30" class="Campo">23:30</option>
  <option value="23:45" class="Campo">23:45</option>
  <option value="00:00" class="Campo">00:00</option>
  <option value="00:15" class="Campo">00:15</option>
  <option value="00:30" class="Campo">00:30</option>
  <option value="00:45" class="Campo">00:45</option>
  <option value="01:00" class="Campo">01:00</option>
  <option value="01:15" class="Campo">01:15</option>
  <option value="01:30" class="Campo">01:30</option>
  <option value="01:45" class="Campo">01:45</option>
  <option value="02:00" class="Campo">02:00</option>
  <option value="02:15" class="Campo">02:15</option>
  <option value="02:30" class="Campo">02:30</option>
  <option value="02:45" class="Campo">02:45</option>
  <option value="03:00" class="Campo">03:00</option>
  <option value="03:15" class="Campo">03:15</option>
  <option value="03:30" class="Campo">03:30</option>
  <option value="03:45" class="Campo">03:45</option>
  <option value="04:00" class="Campo">04:00</option>
  <option value="04:15" class="Campo">04:15</option>
  <option value="04:30" class="Campo">04:30</option>
  <option value="04:45" class="Campo">04:45</option>
  <option value="05:00" class="Campo">05:00</option>
  <option value="05:15" class="Campo">05:15</option>
  <option value="05:30" class="Campo">05:30</option>
  <option value="05:45" class="Campo">05:45</option>
  <option value="06:00" class="Campo">06:00</option>
  <option value="06:15" class="Campo">06:15</option>
  <option value="06:30" class="Campo">06:30</option>
  <option value="06:45" class="Campo">06:45</option>
</select>
						</td>
					  </tr>
					  <tr class="TitulosCampos">
						<td colspan="2">Facilidades oferecidas pelo Cliente<br />
						  
						<input name="TeleEntrega" type="checkbox" class="CampoCheckbox" id="TeleEntrega" value="S"/> 
						Tele Entrega <br />
						<input name="BoletoBancario" type="checkbox" class="CampoCheckbox" id="BoletoBancario" value="S"/>
						Boleto Bancário <br />
						<input name="Cheque" type="checkbox" class="CampoCheckbox" id="Cheque" value="S"/>
						Cheque <br />
						<input name="CartaoDebito" type="checkbox" class="CampoCheckbox" id="CartaoDebito" value="S"/>
						Cartão de Débito<br />
						<input name="CartaoCredito" type="checkbox" class="CampoCheckbox" id="CartaoCredito" value="S"/>
						Cartão de Crétdito <br />
						<input name="Estacionamento" type="checkbox" class="CampoCheckbox" id="Estacionamento" value="S"/>
						Estacionamento Próprio
						</td>
					  </tr>
					  <tr class="TitulosCampos">
						<td colspan="2">Descrição do cliente <span class="DetCampo">(detalhamento do tipo de comércio bem como suas caracteristicas. Máximo de 1000 caracter)</span><br /><br />
						<div class="CampoEditor">
							<%
'							Dim oFCKeditor
'							Set oFCKeditor = New FCKeditor
'							oFCKeditor.BasePath = "fckeditor/"
'							oFCKeditor.Value = "<p>Digite aqui descrição do cliente <br><strong>utilize a barra acima para formatar conforme a necessidade</strong>.<br>Adicione links <a href=""http://www.grupoeagle.com.br/"">Nosso Site</a>."
'							oFCKeditor.Create "descricao"
'							%>
						<span id="sprytextarea1">
						Faltam: <span id="countsprytextarea1"> </span><span class="textareaMaxCharsMsg">Máximo de caracter exedido.</span><br />
						<textarea name="descricao" cols="" rows="15" class="CampoTextArea"></textarea>
					   </span>
					   </div>
						</td>
					  </tr>
					  <tr>
						<td colspan="2"><input type="submit" value="Enviar Etapa 1" class="BotaoPadraoGr" /></td>
					  </tr>
					</table>
				
				<br>
			</fieldset>
		</form>
  </div>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

entao faca o seguinte

 

em vez de ter isto

 

oHTTPRequest.send("Cep=" + FormCadEstab.Cep.value);

 

por baixo da funcao preenche cep

 

function PreencheCep() {

////AQUI///

.....

 

}

 

coloca 

cep=document.getElementById("Cep").value

ou

cep=document.FormCadEstab.Cep.value

alert(cep) // isto serve para "debugar" e ver se esta buscando o valor certo

 

depois nessa parte ficara assim

oHTTPRequest.send("Cep=" +cep);

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