Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 3
Sexo: Masculino

Conflito de 2 javascript na mesma página html

15-10-2012 14:15

Boa tarde pessoal,
Não tenho conhecimento para trabalhar com javascript, então precisei de um efeito lightbox para a galeria de fotos, e um banner, que por sinal, consegui um script muito bom com jquery. Bom, quando estava apenas 1 dos scripts na página, tudo era maravilha, mas quando coloquei os 2, aí um ou outro deixa de funcionar. Como posso resolver isso ? Vou colocar meus códigos e se alguém puder me ajudar pleeeeease, ficarei muito grata :-)

=============================== CABEÇALHO ===================================================
<!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>Me ajuuude pleeeeeeease</title> <link href="estilo.css" type="text/css" rel="stylesheet" /> <!-- inicio script ref lightbox --> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/efeito.js"></script> <link rel="stylesheet" href="css/efeito.css" type="text/css" media="screen"> <!-- fim script ref lightbox --> <!-- inicio script ref banner index --> <script type="text/javascript" src="Jquery/jquery-1.8.2.min.js" ></script> <script type="text/javascript" src="Jquery/jquery.cycle.all.js" ></script> <script type="text/javascript"> $(function(){ $("#slides ul").cycle({ fx: 'fade', speed: 2500, timeout: 5000, prev : '#prev', next : '#next' }) }) </script> <!-- fim script ref banner index --> </head>

=============================== DIV REF. AO BANNER EM JQUERY ===============================
<div id="slides"> <ul> <li><img src="imagens/banner1.jpg" alt="Slide 1" /></li> <li><img src="imagens/banner2.jpg" alt="Slide 2" /></li> <li><img src="imagens/banner3.jpg" alt="Slide 3" /></li> </ul> </div><!-- fim div slides --> <p> <a href="#" id="prev"><img src="imagens/8.png" width="30" height="30" title="Anterior" class="links-banner"/></a> <a href="#" id="next"><img src="imagens/9.png" width="30" height="30" title="Próximo" class="links-banner"/></a> </p> =============================== DIV REF. A GALERIA DE FOTOS =============================== <p><a href="fotos/premios/02.jpg" rel="efeito" title="Prêmios"><img src="fotos/premios/02.jpg" rel="efeito" title="Prêmios" width="96" height="72" class="moldura" border="0" /></a> <a href="fotos/premios/03.jpg" rel="efeito" title="Prêmios"><img src="fotos/premios/03.jpg" rel="efeito" title="Prêmios" width="96" height="72" class="moldura" border="0" /></a> <a href="fotos/premios/05.jpg" rel="efeito" title="Prêmios"><img src="fotos/premios/05.jpg" rel="efeito" title="Prêmios" width="96" height="72" class="moldura" border="0" /></a></p>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17385
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Conflito de 2 javascript na mesma página html

15-10-2012 14:36

Você tem que usar o noConflict. Tem um exemplo nesse link

Usando-o-prototype-com-o-load-do-jQuery_3_5607.html
0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 3
Sexo: Masculino

Conflito de 2 javascript na mesma página html

15-10-2012 18:51

Olá ... obrigada pelo link. Eu fui fazendo as adaptações dele no meu html, mas quando agente não entende realmente surgem dúvidas:

Na 2ª linha: <script type="text/javascript" src="jquery.js"></script>, eu preciso resgatar este arquivo "jquery.js" do próprio site jquery ou preciso criar um script por conta desse erro ?

Na linha: node = $("Div1"); substituí pela minha div que vem apresentando o erro. Está certo ?

No body: <body onload="jQuery('#conteudo').load('documento.html');"> eu não soube que arquivo colocar no final em "documento.html".

Se puder me ajudar mais um pouquinho ... :-)
0
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 3
Sexo: Masculino

Conflito de 2 javascript na mesma página html

15-10-2012 19:11

Ahh ... um amigo acabou de testar no navegador dele e disse que surgiu um erro na linha 455 caracter 5 do arquivo prototype.js. Segue um trecho entre essas linhas:

shift: function() { var result = this[0]; for (var i = 0; i < this.length - 1; i++) this[i] = this[i + 1]; this.length--; return result; },

A linha 455 é a: "return result;"
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17385
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Conflito de 2 javascript na mesma página html

15-10-2012 19:40

O jquery você pode baixar e usar com chamada interna, o que é melhor, ou usar do servidor do jQuery ou do Google.

Quando um objeto é buscado por id, deve ter o # antes

$("#Div1")...

Para o carregamento do arquivo no onload com jQuery, você pode usar o seguinte:

<script> $(document).ready(function() { $('#conteudo').load('documento.html'); }); </script>

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado