Ir para conteúdo

POWERED BY:

Arquivado

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

Augusto Saggese

Problema com combobox + AJAX

Por , em Javascript

Recommended Posts

Augusto Saggese    1

Augusto Saggese
Postado

Então tenho meu ajax simples:

 

ajax.js

function GetXMLHttp() {    if(navigator.appName == "Microsoft Internet Explorer") {        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");    }    else {        xmlHttp = new XMLHttpRequest();    }    return xmlHttp;}var xmlRequest = GetXMLHttp();
maps.js

 

function showMap(valor){    var url = valor;    xmlRequest.open("GET",url,true);        xmlRequest.onreadystatechange = mudancaEstado;    xmlRequest.send(null);        if (xmlRequest.readyState == 1) {            document.getElementById("boxContentLoja").innerHTML = "Carregando...";        }    return url;}function mudancaEstado(){    if (xmlRequest.readyState == 4){        document.getElementById("boxContentLoja").innerHTML = xmlRequest.responseText;    }}
E no html Tenho:

 

 

 

<option value="2" class="optHover"  onClick="showMap('content/rio.html')">Rio de Janeiro - RJ</option>
Perfeito sei exatamente que no IE onclick em combobox não funcionam, diferentemente do Firefox, falaram para utilizar onchange, alguem pode me falar uma maneira correta de usar esse método

que estou tentando aplicar?

 

Na verdade é uma Combobox, o usuário escolhe a cidade e abre uma pagina dentro de uma DIV com o conteudo da tal página (rio.html) isso para cada cidade. Depois vou aplicar esse esquema dentro da minha grid para usar em meu framework, porem preciso aplicar isto de forma correta. Não consigo dar um load de uma página de fora para dentro dessa div sem utilizar OnClick.

 

Abraços! Imagem Postada

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<select onchange="showMap( this.value );">
<option value="content/rio.html">Rio de Janeiro - RJ</option>
...

e pronto.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Augusto Saggese    1

Augusto Saggese
Postado

Grande Willian, uma outra coisa seria o charset, como é uma página fora da index aonde defino o charset como utf-8, os dados dessa página, rio.html vem sem acentuação.. ai no caso preciso colocar acentuação no padrão ISO Ex: Ná pagina rio.html tenho a palavra "América" a acentuação do é fica no padrão iso.. ! O que acha que posso fazer para manter o acento em vez de usar no charset iso?

 

Abraços!

 

 

problema é o chrome agora, não funciona!

 

Que doidera velho! :/

 

Talvez seja melhor eu dar uma olhada no seu exemplo Augusto..

 

Se puder ajudar!

 

[]s

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o teu instanciamento do ajax, tá bem 'pobre'... tenta trocar pelo deste topico:

http://forum.imasters.com.br/index.php?/topic/384836-carregando-pagina-com-ajax-nao-consigo-encontrar-o-erro/page__p__1498911entry1498911

 

mas cara, @augustoclaro, se tiver tempo de desenvolver, pode postar a solução em jQuery.. Imagem Postada

sem problemas.. qnto mais alternativas, melhor.

Compartilhar este post

Link para o post
Compartilhar em outros sites

augustoclaro    2

augustoclaro
Postado

ok logo logo posto aqui

 

Eae!

Aqui está em jquery, n consegui testar no chrome pqe o chrome dá erro aqui :/

 

mas teste aí qualquer coisa eu arrumo pra voce:

 

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!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=utf-8" />
<title>Documento sem título</title>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("#estados").change(function(event){
$.get(this.value,function(data){
$("#boxContentLoja").html(data);
});
});
 });
</script>
</head>

<body>
<form>
<select id="estados">
<option selected>-----------------</option>
<option value="content/rio.html">Rio de janeiro - RJ</option>
</select>
<div id="boxContentLoja"></div>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Augusto Saggese    1

Augusto Saggese
Postado

desculpa a demora.. vou testar chará!

 

abraços! valeu tb Willian

 

é chará não funciona também no Chrome! :/

Complicado

 

Abraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

cara, pelo que testei aqui, funciona no Chrome sim...

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
	<title></title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("select[name='estados']").change(function(event){
		var estado = $( this ).val();
		$.get( estado,
			function(data){
			$("#boxContentLoja").html(data);
		});
	});
});
</script>
</head>

<body>
<form>
	<select name="estados">
		<option value="" selected="selected">--</option>
		<option value="rio.html">Rio de janeiro - RJ</option>
		<option value="sampa.html">Sampa - RJ</option>
	</select>
	<div id="boxContentLoja"></div>
</form>
</body>
</html>

talvez o problema realmente seja o seu chrome, tenta remover ele e instala-lo novamente.

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