[Resolvido] Jquery e Asp com erro no IE

kania · Maio 20, 2010

Olá pessoal,

Gente, eu postei ontem no forúm de JavaScript um erro que estou tendo com jquery no IE, porem hoje efetuei uns testes aqui e acredito que o erro pode ser entre o asp e o jquery, vamos se é e o que pode ser.

O que tenho hoje?

Uma pagina default.asp que chamo nela via include outra pagina chamada home.asp onde esta todo o miolo do site.

neste miolo eu tenho alguns recursos em jquery, como um carroucel, uma modal e um sisteminha de imagens passando da direita para esquerda e vice-versa, bom no Firefox e no Chrome funciona tudo perfeito, no IE nenhum destes funciona.

O que fiz para testar?

Montei um pagina só em html puro com a pagina home.asp diretamente na index.html e funcionou perfeitamente tudo vejam o código do html:

<!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>Iaki - Seu Portal de Buscas Regionais</title>
<meta name=”title” content="Iaki - Seu Portal de Buscas Regionais">
<meta name=”description” content="O iaki é um portal de negócios, oportunidades e soluções centradas em informação, levando interatividade para quem procura serviços dentro da sua região.
Existem vários tipos de serviços na internet que visa oferecer um sistema de busca de serviços, porem o iaki inova no quesito, regional, isto mesmo “Regional”!!!">
<meta name=”keywords” content="marketing multinivel, marketing de rede, negócio, internet, propaganda, casa, computador, dinheiro, pulblicidade, buscador, regional, região, brasil, estados, bairros, cidades, sonhos, realização, auto-estima, qualidade de vida, reconhecimento, fama, glória, presidente, consultores, diretores, eagle, águia, voe alto, grupo, melhor, busca, curitiba, parana, brasil, busca em curitiba, busca regional, restaurante, academia, informatica, lojas, medico, mecanica, tintas, panificadora, lanchonete, bar, combustivel, mercado, supermercado, hipermecado, --- shop, shopping, tribunal, eleitoral, prefeitura, governo,rio, grosso, mato, serviços, sul, endereço, estado, selecione, serviço, acre, alagoas, amapá, amazonas, anuncie, bahia, bares, cadastre,caso, catarina, categoria, ceará¡, contato, distrito, eagle, espírito, federal, gerais, goiâs, iaki,janeiro, maranhão, minas, nome, norte, paraná, paraíba,pará¡,pernambuco, piauí, portal, restaurantes, rondônia, roraima, santa, santo, sergipe, site, tocantins, veículos, agroindústria ">
<meta name=”author” content="Jorge Kania">
<meta http-equiv=”content-language” content="Pt-Br">
<meta name=”robots” content="index,follow">
<meta name=”revisits-after” content="1 day">
<link rel="icon" href="imagens/favicon.ico" type="image/gif" />
<!--Incicio Códigos JavaScripts-->
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.js"></script>
<script type="text/javascript" src="Js/FuncoesJquery.js"></script>
<script type="text/javascript" src="js/jqModal.js"></script>
<script type="text/javascript" src="js/jquery.cycle.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/Funcoes.js"></script>
<!--Final Códigos JavaScripts-->

<!--Incio Códigos CSS-->
<link rel="stylesheet" type="text/css" href="css/principal.css" />
<link rel="stylesheet" type="text/css" href="css/jqModal.css" />
<!--Final Códigos CSS-->
</head>

<body>
<div id="Geral">
	<div id="MediaSociais">
        <div id="ConteudoGeral">
        	<div id="Conteudo">
            	<div id="Topo">
                    <div id="Logo">
                    	<a href="index_old.html" title="Voltar a pagina inicial"><img name="Logo" src="imagens/logo_iaki.png" width="156" height="103" alt="" /></a>
                  </div>
                    <div id="Banner">
						<embed src="http://www.cinesystem.com.br/images/banners/topo-pipoca80109.swf?cod=180" wmode="transparent" menu="false" quality="best" width="724" height="86" name="teste" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
                    	<!--<img name="Banner" src="imagens/banners/banner_728x90_2.jpg" width="728" height="90" alt="" />-->
                    </div>
                </div>
            </div>        
        </div>
            <div id="BaseConteudoBanco">
            	<div id="LogosMedia">
					<a href="" title="Siganos no Twitter" class="Twitter"></a>
					<a href="" title="Nosso canal no Facebook" class="Facebook"></a>
					<a href="" title="Nossa comunidade no Orkut" class="Orkut"></a>
					<a href="" title="Nossas fotos no Flickr" class="Flickr"></a>
					<a href="" title="Nosso canal no MySpace" class="Myspace"></a>
					<a href="" title="Nosso canal no Youtube" class="youtube"></a>
                	<a href="" title="Blog Suporte - O conhecimento a um clique" class="Blog"></a>
                    <a href="" title="Fique Aatualizado sobre o Iaki pelo nosso Feed" class="rss"></a>
                </div>
                <div id="InicioConteudo">
                    <div id="MenuSuperior">
                    	<div id="Menu">
                            <ul>
                                <li><a href="" title="">Login</a></li>
                                <li><a href="" title="">Cadastre-se</a></li>
                                <li><a href="" title="">Anuncie</a></li>
                                <li><a href="" title="">Mapa do Site</a></li>
                                <li><a href="" title="">Dúvidas Frequentes</a></li>
                                <li><a href="" title="">Fale Conosco</a></li>
                            </ul>
                        </div>
                        <div id="Buscador">
                        	<div id="NomeDiv">
                            	<p>Busca Rápida</p>
                            </div>
                        	<form action="" method="post" name="FormBuscaSimples">
                           	  	<div id="CampoOque">
                            		<input type="text" name="oque" id="oque" value="O que Buscar? (tipo de serviço)" onfocus="Esvazia(this)" onBlur="Padrao(this)"></label>
                                </div>
                                <div id="CampoUf">
                                    <select name="uf" id="uf" class="Cuf">
                                        <option selected="selected">Em que Estado?</option>
                                        <option value="Acre">Acre</option>
                                        <option value="Alagoas">Alagoas</option>
                                        <option value="Amazonas">Amazonas</option>
                                        <option value="Amapá">Amapá</option>
                                        <option value="Bahia">Bahia</option>
                                        <option value="Ceará">Ceará</option>
                                        <option value="Distrito Federal">Distrito Federal</option>
                                        <option value="Espírito Santo">Espírito Santo</option>
                                        <option value="Goiás">Goiás</option>
                                        <option value="Maranhão">Maranhão</option>
                                        <option value="Minas Gerais">Minas Gerais</option>
                                        <option value="Mato Grosso do Sul">Mato Grosso do Sul</option>
                                        <option value="Mato Grosso">Mato Grosso</option>
                                        <option value="Pará">Pará</option>
                                        <option value="Paraíba">Paraíba</option>
                                        <option value="Pernambuco">Pernambuco</option>
                                        <option value="Piauí">Piauí</option>
                                        <option value="Paraná">Paraná</option>
                                        <option value="Rio de Janeiro">Rio de Janeiro</option>
                                        <option value="Rio Grande do Norte">Rio Grande do Norte</option>
                                        <option value="Rondônia">Rondônia</option>
                                        <option value="Roraima">Roraima</option>
                                        <option value="Rio Grande do Sul">Rio Grande do Sul</option>
                                        <option value="Santa Catarina">Santa Catarina</option>
                                        <option value="Sergipe">Sergipe</option>
                                        <option value="São Paulo">São Paulo</option>
                                        <option value="Tocantins">Tocantins</option>
                                    </select>
                                </div>
                                <div id="CampoCidade">
                                    <select name="cidade" id="cidade" class="CCidade">
                                        <option selected="selected">Em que Cidade?</option>
                                        <option value="Acre">Acre</option>
                                        <option value="Alagoas">Alagoas</option>
                                        <option value="Amazonas">Amazonas</option>
                                        <option value="Amapá">Amapá</option>
                                        <option value="Bahia">Bahia</option>
                                        <option value="Ceará">Ceará</option>
                                        <option value="Distrito Federal">Distrito Federal</option>
                                        <option value="Espírito Santo">Espírito Santo</option>
                                        <option value="Goiás">Goiás</option>
                                        <option value="Maranhão">Maranhão</option>
                                        <option value="Minas Gerais">Minas Gerais</option>
                                        <option value="Mato Grosso do Sul">Mato Grosso do Sul</option>
                                        <option value="Mato Grosso">Mato Grosso</option>
                                        <option value="Pará">Pará</option>
                                        <option value="Paraíba">Paraíba</option>
                                        <option value="Pernambuco">Pernambuco</option>
                                        <option value="Piauí">Piauí</option>
                                        <option value="Paraná">Paraná</option>
                                        <option value="Rio de Janeiro">Rio de Janeiro</option>
                                        <option value="Rio Grande do Norte">Rio Grande do Norte</option>
                                        <option value="Rondônia">Rondônia</option>
                                        <option value="Roraima">Roraima</option>
                                        <option value="Rio Grande do Sul">Rio Grande do Sul</option>
                                        <option value="Santa Catarina">Santa Catarina</option>
                                        <option value="Sergipe">Sergipe</option>
                                        <option value="São Paulo">São Paulo</option>
                                        <option value="Tocantins">Tocantins</option>
                                    </select>
                                </div>
                                <div id="BtnBuscar">
                                <div id="BtnEsq"></div>
                                <input type="submit" value="buscar" name="buscar" id="buscar" class="BtnFormBuscaSimples" />
                                <div id="BtnDir"></div>
                                </div>
                               
                          </form>
                        </div>
                  </div>
              <div id="ConteudoBanco">
                    	<div id="MenuEsquerdo">
                        	<ul>
                            	<li><a href="" title="">Agropecuária</a></li>
                                <li><a href="" title="">Alimentos</a></li>
                                <li><a href="" title="">Animais</a></li>
                                <li><a href="" title="">Arte e Artesanato</a></li>
                                <li><a href="" title="">Áudio, Foto e Vídeo</a></li>
                                <li><a href="" title="">Automóveis</a></li>
                                <li><a href="" title="">Bancos e Serviços</a></li>
                                <li><a href="" title="">Bares e Restaurantes</a></li>
                                <li><a href="" title="">Bebês e Gestantes</a></li>
                                <li><a href="" title="">Bebidas</a></li>
                                <li><a href="" title="">Casa e Jardim</a></li>
                                <li><a href="" title="">Comunicação</a></li>
                                <li><a href="" title="">Cursos e Educação</a></li>
                                <li><a href="" title="">Emprego e Carreira</a></li>
                                <li><a href="" title="">Entreterimento</a></li>
                                <li><a href="" title="">Esportes e Lazer</a></li>
                                <li><a href="" title="">Festas e Eventos</a></li>
                                <li><a href="" title="">Hotel e Turismo</a></li>
                                <li><a href="" title="">Imóveis</a></li>
                                <li><a href="" title="">Indústrias e Produtos</a></li>
                                <li><a href="" title="">Informática e Internet</a></li>
                                <li><a href="" title="">Lojas e Serviços</a></li>
                                <li><a href="" title="">Meio Ambiente</a></li>
                                <li><a href="" title="">Moda e Beleza</a></li>
                                <li><a href="" title="">Profíssionais</a></li>
                                <li><a href="" title="">Religião e Esoterismo</a></li>
                                <li><a href="" title="">Saúde e Bem Estar</a></li>
                                <li><a href="" title="">Serviços Públicos</a></li>
                            </ul>                        
                        </div>
                        <div id="Blocos">
                        	<div id="BlocoUm">
                            	<div id="DestaqueEsquerdo" class="pics">
                                	<a href="http://www.google.com.br" target="_blank"><img src="imagens/Banner_1.jpg" width="400" height="278" /></a>
                                    <a href="http://www.terra.com.br" target="_blank"><img src="imagens/Banner_2.jpg" width="400" height="278" /></a>
                                    <a href="http://www.uol.com.br" target="_blank"><img src="imagens/Banner_3.jpg" width="400" height="278" /></a>
                                    <a href="http://www.bol.com.br" target="_blank"><img src="imagens/Banner_1.jpg" width="400" height="278" /></a>
                                    <a href="http://www.pop.com.br" target="_blank"><img src="imagens/Banner_2.jpg" width="400" height="278" /></a>
                                    <a href="http://www.ig.com.br" target="_blank"><img src="imagens/Banner_3.jpg" width="400" height="278" /></a>
                          		</div>
                                <div id="DestaqueDireito">
                                	<div id="MeuCombustivel">
                                    	<a href="http://www.meucombustivel.com.br/?width=90%&height=85%" title="Veja os preços de combustiveis em sua região" class="thickbox"><img src="imagens/meu_combustivel.png" /></a>
                                    </div>
                                    <div id="UP">
                                    	<a href="" title=""><img src="imagens/utilidade_publica.png" /></a>
                                    </div>
                                    <div id="EC">
                                    	<a href="http://www.eaglecard.com.br" title="Eagle Card, sua saúde tratada com respeito" target="_blank"><img src="imagens/ec.png" /></a>
                                    </div>
                                </div>
                          	</div>
                            <div id="BlocoDois">
               	  <div id="DestaqueCatG">
                                	<div id="NomeCat">
                                    	<p>Bares e Restaurantes</p>
                                    </div>
                                    <div id="Empresas">
                                    	<ul>
                                            <li><a href="" title="">Cozinha Chinesa Cozinha Chinesa</a></li>
                                            <li><a href="" title="">Cozinha Chinesa Cozinha Chinesa</a></li>
                                            <li><a href="" title="">Cozinha Chinesa Cozinha Chinesa</a></li>
                                            <li><a href="" title="">Cozinha Chinesa Cozinha Chinesa</a></li>
                                            <li><a href="" title="">Cozinha Chinesa Cozinha Chinesa</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div id="DestaqueCatP">
                                    <div id="DestaqueCatPUm">
                                    	<p>Entretenimento</p>
                                        <ul>
                                        	<li><a href="" title="">Casa de Shows Vila Viola</a></li>
                                            <li><a href="" title="">Casa de Shows Vila Viola</a></li>
                                            <li><a href="" title="">Casa de Shows Vila Viola</a></li>
                                            <li><a href="" title="">Casa de Shows Vila Viola</a></li>
                                            <li><a href="" title="">Casa de Shows Vila Viola</a></li>
                                            
                                        </ul>
                                    </div>
                                    <div id="DestaqueCatPDois">
                                        <p>Moda e Beleza</p>
                                        <ul>
                                        	<li><a href="" title="">O Boticario, promoções</a></li>
                                            <li><a href="" title="">O Boticario, promoções</a></li>
                                            <li><a href="" title="">O Boticario, promoções</a></li>
                                            <li><a href="" title="">O Boticario, promoções</a></li>
                                            <li><a href="" title="">O Boticario, promoções</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div id="NovosCadastros">
                            	<div id="SetaEsq">
                                	<a href="#" class="Ant"><img src="imagens/seta_esq.png"/></a>
                                </div>
                                <div id="Logos">
                                	<ul>
                                    	<li><a href="" title=""><img src="imagens/logo_1.png" /></a>
                                        <p>Texto texto texto texto texto texto</p></li>
                                        <li><a href="" title=""><img src="imagens/logo_2.png" /></a>
                                        <p>Texto texto texto texto texto texto</p></li>
                                        <li><a href="" title=""><img src="imagens/logo_3.png" /></a>
                                        <p>Texto texto texto texto texto texto</p></li>
                                        <li><a href="" title=""><img src="imagens/logo_4.png" /></a>
                                        <p>Texto texto texto texto texto texto</p></li>
                                        <li><a href="" title=""><img src="imagens/logo_5.png" /></a>
                                        <p>Texto texto texto texto texto texto</p></li>
                                        <li><a href="" title=""><img src="imagens/logo_1.png" /></a>
                                        <p>Texto texto texto texto texto texto</p></li>
                                        <li><a href="" title=""><img src="imagens/logo_2.png" /></a>
                                        <p>Texto texto texto texto texto texto</p></li>
                                        <li><a href="" title=""><img src="imagens/logo_3.png" /></a>
                                        <p>Texto texto texto texto texto texto</p></li>
                                        <li><a href="" title=""><img src="imagens/logo_4.png" /></a>
                                        <p>Texto texto texto texto texto texto</p></li>
                                        <li><a href="" title=""><img src="imagens/logo_5.png" /></a>
                                        <p>Texto texto texto texto texto texto</p></li>
                                    </ul>
                                </div>
                                <div id="SetaDir">
                                	<a href="#" class="Pro"><img src="imagens/seta_dir.png"/></a>
                                </div>
                            </div>
                            <div id="NuvemTags">
                            	<div id="NomeTag">mais buscados</div>
                                <div id="Tags">
                                	<img src="imagens/mais_buscados.jpg" />
                                </div>
                            </div>
                        </div>
                        <div id="BarraPublicidade">
                        	<div id="Botton60">
                            	<img src="imagens/botoon_120x60.jpg" />
                            </div>
                            <div id="Botton120">
                            	<img src="imagens/botoon_120x120.jpg" />
                            </div>
                            <div id="Banner120x600">
                            	<img src="imagens/banner_120x600.jpg" />
                            </div>
                        </div>
                        <div id="Rodape">
                        	<ul>
                                <li><a href="" title="">Login</a></li>
                                <li><a href="" title="">Anuncie</a></li>
                                <li><a href="" title="">Cadastre-se</a></li>
                                <li><a href="" title="">Mapa do Site</a></li>
                                <li><a href="" title="">Dúvidas Frequentes</a></li>
                        	</ul>
                            <p>Grupo Eagle  - Todos os Direitos Reservados</p>
                		</div>
                    </div>
                    
                </div>
                
            </div>
    </div>
</div>
<!-- INICIO JANELA MODAL PARA MEU COMBUSTIVEL-->
<div id="modalWindow" class="jqmWindow">
    <div id="jqmTitle">
    <button class="jqmClose">
    Fechar X
    </button>
    <span id="jqmTitleText">Meu Combustivel</span>
    </div>
    <iframe id="jqmContent" src=""></iframe>
</div>
<!-- FINAL JANELA MODAL PARA MEU COMBUSTIVEL-->
</body>
</html>

Como na default.asp eu faço os includes:

<!--#include File="menu_categorias.asp"-->
<!--#include File="home.asp"-->
<!--#include File="barra_banners_home.asp"-->

da mesma forma que na pagina html eu faço todas as chamadas dos scripts

<!--Incicio Códigos JavaScripts-->
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.js"></script>
<script type="text/javascript" src="js/jqModal.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="Js/FuncoesJquery.js"></script>
<script type="text/javascript" src="js/Funcoes.js"></script>
<script type="text/javascript" src="Js/jquery.rating.js"></script>
<script type="text/javascript" src="Js/jquery_rating.js"></script>
<script type="text/javascript" src="Js/jquery.autocomplete.js"></script>
<script type="text/javascript">
//==========================================
//FUÇÃO PARA AUTOCOMPLETE DA BUSCA DE TOPO
//==========================================
$(document).ready(function() {
	$('#oque').autocomplete(
		"busca_servico.asp",
		{
			delay:10,
			minChars:1,
			matchSubset:1,
			matchContains:1,
			cacheLength:10,
			autoFill: true,
			lineSeparator: "\n",
			width: 540
		})
	})

//==========================================
//FUNÇÃO PARA PREENCHIMENTO DE COMBO ESTADO
//==========================================
$(document).ready(function(){
 $("input[name=oque]").blur(function(){
	$("select[name=uf]").html('<option value="0">Carregando...</option>');
	$.post("busca_estados.asp", 
		  {uf:$(this).val()},
		  function(valor){
			 $("select[name=uf]").html(valor);
		  }
		  )
 })
})

//==========================================
//FUNÇÃO PARA PREENCHIMENTO DE COMBO ESTADO
//==========================================
$(document).ready(function(){
 $("select[name=uf]").change(function(){
	$("select[name=cidade]").html('<option value="0">Carregando...</option>');
	$.post("busca_cidades.asp", 
		  {cidade:$(this).val()},
		  function(valor){
			 $("select[name=cidade]").html(valor);
		  }
		  )
 })
})
</script>

<!--Final Códigos JavaScripts-->

Porem como falei anteriormente na pagina default.asp não funciona no IE.

Estou usando o IE mais atualizado que tem, já testei em outra maquina para ver se não era cache

Outro teste que fiz foi, pegar os scripts que tem referencia com a pagina home.asp e colocar eles diretamente nesta pagina, a principio não funcionou, até que eu coloquei o script principal do jquery jquery-1.4.2.js junto ai funcionou, porem ai tive outro problema o meu sistema de autocomplete do topo do site na busca, parou de funcionar, porque ele precisa deste arquivo e ele esta antes da chamada da home.asp, logo então preciso que este arquivo fique onde esta que é no inicio da pagina default.asp.

Gente como resolver isto?

Tem algum jeito de chamar paginas no asp que não seja pelo include? Ou server.execute()?

xanburzum · Maio 20, 2010

ele gera algum erro no IE, se sim poste o numero do erro e linha, verifique taambém se existe algum plugin ou nas informações de segurança bloqueando

kania · Maio 20, 2010

Opa xanburzum,

Os erros que o depurador do IE apresenta são:

O objeto não dá suporte para a propriedade ou método  FuncoesJquery.js, linha 51 Caractere 2
O objeto não dá suporte para a propriedade ou método  FuncoesJquery.js, linha 172 Caractere 2
O objeto não dá suporte para a propriedade ou método  FuncoesJquery.js, linha 186 Caractere 5

Na questão do plugin não verifiquei, mas veja como falei anteriormente, montei uma página em html puro com todo o conteúdo direto nela, e nela funcionou sem problemas.

kania · Maio 20, 2010

xanburzum, achei o erro.

Eu tenho um script que ainda nem to usando mas ele estava dando pau em todo o código, o script é

<script type="text/javascript" src="Js/jquery_rating.js"></script>

Bom aparentemente esta tudo funcionando agora, vamos ver na hora de implementar o script de rating se vai dar pau, se der vou ter que fazer outro.

Valeu a força

xanburzum · Maio 20, 2010

ok, beleza, Lord

Entrar

Arquivado

[Resolvido] Jquery e Asp com erro no IE

Recommended Posts

kania 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

kania 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

kania 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

Cruzamento de Bases

Consulta sem duplicação

Modelagem para questionário

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante