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


Moderador: web

 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 77
Sexo: Masculino

Problema ao carregar arquivo em div conflito AJAX e jQuery

16-07-2011 18:56

Olá.

Estou tendo um problema e tentarei explicar aqui para ver se alguém pode me ajudar.

Possuo um site onde o mesmo contém um código em ajax se não me engano, se o cara clicar em um menu, a página não precisa ser recarregada, apenas a div central é modificada.

Já possuo este site a 2 anos e sempre tive o mesmo problema.

Vamos ao problema...

Se eu quero colocar um plugin em meu site para carregar foto por exemplo, e coloco na index. Não importa onde esteja a imagem, se eu fizer direitinho o código funcionará. Entretanto, se estiver na DIV, ele não vai carregar. Colocarei um exemplo.

http://ragnaturn.com/sublimev2/aospais.php

Basta ir com o mouse em cima da palavra Código que verão que subirá um balãozinho com algo escrito.

Porém, se a página estiver na DIV que é carregada...

http://ragnaturn.com/sublimev2/?pagina=aospais.php

Isto não funciona.

Para mostrar com os códigos estão sendo todos carregados, logo no canto direito desta segunda página na seção de vídeos, se ir em cima de NOME, verá que tem o mesmo balãozinho.

Não é só este código que estou tentando usar, vários outros plugins de fotos, e coisas do gênero já tentei fazer e no meio nunca carrega.

O que devo fazer?

Obrigado...
0
Editado pela última vez por web em 16-07-2011 19:23, em um total de 1 vez.
Razão: Título melhorado
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema ao carregar arquivo em div conflito AJAX e jQuery

16-07-2011 19:06

Quando se trabalha com bibliotecas, jQuery por exemplo, todo código relacionado ao plugin a ser usado, tem que estar no documento principal, por exemplo:

A estrutura deve ser mais ou menos assim:

public_html/ plugin.js chamada_arquivo_por_div.html arquivo_chamado.html

O plugin deve estar dentro do chamada_arquivo_por_div.html e não no arquivo_chamado.html, onde ele funciona sozinho.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 77
Sexo: Masculino

Problema ao carregar arquivo em div conflito AJAX e jQuery

16-07-2011 19:13

Já tentei chama-lo dentro da pagina principal, dentro da chamada e em ambas.

http://ragnaturn.com/sublimev2/js/ragnaturn.js

Ai está a função que chama o div. A partir de 'function abre(arquivo){'
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema ao carregar arquivo em div conflito AJAX e jQuery

16-07-2011 19:21

O AJAX tem um conflito com jQuery, que você usa para o plugin. O ideal é que usa o próprio jQuery para carregar o documento na div.

Testa fazendo as seguintes mudanças. Carrega a biblioteca jQuery no documento principal, e usa o seguinte para carregar o arquivo na div, no link abaixo

Abrir-link-em-uma-div-facil-com-jQuery_3_6304.html

Ai você elimina as chamadas do prototype no arquivo que é chamado na div.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 77
Sexo: Masculino

Problema ao carregar arquivo em div conflito AJAX e jQuery

17-07-2011 00:42

Mesmo seguindo o que foi passado aqui, apenas piorou, o jquery funcionou, mas o prototype não carregou nem na index, coisa que antes ele fazia com o código antigo.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema ao carregar arquivo em div conflito AJAX e jQuery

17-07-2011 10:14

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 77
Sexo: Masculino

Problema ao carregar arquivo em div conflito AJAX e jQuery

18-07-2011 11:18

Usei, mas parece que não há conflito e sim a div do meio não puxa os arquivos .js da página principal.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema ao carregar arquivo em div conflito AJAX e jQuery

18-07-2011 11:22

Ia observar o caminho do js no seu site mas parece que você já mudou de arquivo.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 77
Sexo: Masculino

Problema ao carregar arquivo em div conflito AJAX e jQuery

18-07-2011 11:23

Sry mas não sei como editar meu post, consegui finalmente. Fiz o noconflit e uni neste tópico.

Obrigado.

Abrir-link-em-uma-div-facil-com-jQuery_3_6304.html
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Problema ao carregar arquivo em div conflito AJAX e jQuery

18-07-2011 11:25

Bom que conseguiu.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 75 postagens
Mais de 75 postagens
Tópico Autor
Mensagens: 77
Sexo: Masculino

Problema ao carregar arquivo em div conflito AJAX e jQuery

18-07-2011 11:35

Só me diz uma coisa Web.

No JS que eu usava, tinha uma função que enquanto a div estava carregando, mostrava uma imagem...

xmlHttp.onreadystatechange=function() { if(xmlHttp.readyState == 1) { document.getElementById("coluna_meio").innerHTML = ("<div id=\"ajax_loading\"><img src=\"images/ajax_loading.gif\" alt=\"Carregando...\" /></div>"); }

Como uso algo parecido no "jquery-1.4.2.min.js"

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

Problema ao carregar arquivo em div conflito AJAX e jQuery

18-07-2011 12:35

Tem um exemplo de loading nesse link abaixo
http://www.linein.org/blog/2008/11/13/j ... -finished/

<script> $(document).ready(function () { $.get("script.php", { keyword: "linein"}, function(data){ document.getElementById('text_box').innerHTML = data; }); }); </script> <div id="text_box"><img src="/imgs/ajax-loader.gif"> loading...</div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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