Ir para conteúdo

Arquivado

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

Álef W.

[Resolvido] Página dentro de div, ajax, problema ao atualizar...

Por , em Javascript

Recommended Posts

William Bruno    1501

William Bruno
Postado

você precisa "entender" o motivo de não funcionar. leia:

 

http://wbruno.com.br/2011/08/22/usando-lightbox-em-pagina-carregada-ajax/

Compartilhar este post

Link para o post
Compartilhar em outros sites

tony_lu    1

tony_lu
Postado

Ola pessoal, tudo bem?

 

Queria tirar uma duvida, é possivel eu passar parametros pela url, como por exemplo um codigo "produto.php?id=1" ???

 

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

ByBlener    0

ByBlener
Postado

Olá,

 

Desculpe ressucitar o tópico, mas eu estava procurando como carregar uma DIV sem dar refresh na página e me deparei com esse tópico.

 

Eu utilizei seu código(Obrigado!!) e deu certo, funciona certinho, carrega as páginas e etc.

Mas meus outros scripts pararam de funcionar(bxSlider e Cycle) ja li vários links na internet sobre conflito com jQuery e não consegui resolver, talvez por que não funcionou mesmo, ou talvez por que usei errado...

 

Já li os artigos do site wbruno(que acredito ser o Willian Bruno daqui do forum), mas o script de la(que achei bem melhor e completo) não carrega aqui e a index fica em loop infinito...

 

Poderia me ajudar?

Desculpe pelo texto gigante ^^

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Mas meus outros scripts pararam de funcionar(bxSlider e Cycle) ja li vários links na internet sobre conflito com jQuery e não consegui resolver,

é que não tem nada a ver com conflito mesmo, tem a ver com isso aqui:

 

http://wbruno.com.br/2011/08/22/usando-lightbox-em-pagina-carregada-ajax/

 

Já li os artigos do site wbruno(que acredito ser o Willian Bruno daqui do forum),

sim, sou eu mesmo.

 

 

mas o script de la(que achei bem melhor e completo) não carrega aqui e a index fica em loop infinito...

posta o link do teu site pra eu dar uma olhada :lol:

Compartilhar este post

Link para o post
Compartilhar em outros sites

ByBlener    0

ByBlener
Postado

Entendi... eu tinha lido isso no seu site, mas não achei como implementar no meu script...

 

O site está com o script que você postou aqui nesse tópico.

 

http://wjla.com.br

 

 

Obrigado

 

Esqueci de dizer, bxSlider está nas páginas de dicas.

o Cycle não ta linkado ainda...

Compartilhar este post

Link para o post
Compartilhar em outros sites

ByBlener    0

ByBlener
Postado

Só postando pra avisar que acabei de conseguir faze-lo funcionar, refiz o jQuery usando o do seu site e funcionou, não sei o que fiz de diferente, já que fiz praticamente a mesma coisa de antes.

 

Obrigado W.Bruno.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcio Willians    0

Marcio Willians
Postado

Desculpe ressuscitar literalmente o tópico!!

 

Estou usando este código em um site e está funcionando ok para o html e css, mais para jquery não. :upset:

 

Tenho 3 problemas quando carrego o conteúdo pelo ajax.

 

1- Estou usando cufon para os títulos e não funciona.

2- outra coisa é o likebox do Facebook que quando muda de página ele não aparece a não ser quando uso o F5.

3- jquery.validate form não funciona também.

 

Tentei outros códigos em pesquisas para que o jquery funcione junto com ajax mais sem sucesso.

 

Será que alguém pode me ajudar?

 

Segue o conteúdo da index.html

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="css/normalize.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">

<!-- scripts -->
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/cufon/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon/cufon-replace.js"></script>
<script type="text/javascript" src="js/cufon/Myriad_Web_Pro_400-Myriad_Web_Pro_700.font.js"></script>
<script type="text/javascript" src="js/form_validate/jquery.mask.js"></script>
<script type="text/javascript" src="js/form_validate/jquery.validate.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>

<script type="text/javascript">
function id( el ){
       return document.getElementById( el );
}
function pega_arq( url ){
       var file = url.split('#');
       return ( file[1] ) ? file[1]+'.html' : 'home.html';
}
function getHTTPObject(){
       if(window.XMLHttpRequest){
               return new XMLHttpRequest();
       }else if(window.ActiveXObject){
               var prefixes = ["MSXML2", "Microsoft", "MSXML", "MSXML3"];
               for(var i = 0; i < prefixes.length; i++){
                       try     {
                               return new ActiveXObject(prefixes[i] + ".XMLHTTP");
                       } catch (e) {}
               }
       }
}
var xmlHttp = getHTTPObject();
function abre( arq ){
       xmlHttp.open("GET", arq,true);
       xmlHttp.onreadystatechange = function(){
               if (xmlHttp.readyState == 4){
                       id('content').innerHTML = xmlHttp.responseText;
               }               
       }
       xmlHttp.send( null );
}
window.onload = function(){
       var as = document.getElementsByTagName('a');

       for( var i=0; i<as.length; i++ ){
               as[i].onclick = function(){
                       abre( pega_arq( this.href ) );
               }
       }
       abre( pega_arq( document.location.href ) );
}
</script>

</head>

<body>

<div id="content"></div>

<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=471636462870949";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

@Marcio Willians,

 

dá uma lida nesses 2 tópicos:

 

http://wbruno.com.br/2011/03/18/metodo-live-jquery/

http://wbruno.com.br/2011/08/22/usando-lightbox-em-pagina-carregada-ajax/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcio Willians    0

Marcio Willians
Postado

 

Dei uma olhada, mais ainda não tenho conhecimento para conseguir incluir esta solução no meu código.

Estou pesquisando mais e tentando fazer funcionar.

 

Obrigado William Bruno se tiver outra solução mais simples eu agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Robson Lami Brito    0

Robson Lami Brito
Postado

Olá boa tarde!
Também estou tendo problemas com pagina dentro de div


Minhas páginas a maioria são de slide usando jquery

Só que quando eu chamo elas dentro da div elas ficam desconfiguradas

 

Sou muito, muito leigo no assunto, mas estou tentando fazer meu site mesmo assim

<!DOCTYPE html>
<html lang="en">
<head> 



</script>

 
<script type="text/javascript">  
try{  
xmlhttp = new XMLHttpRequest();  
}  
catch(ee){  
try{  
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");  
}  
catch(e){  
try{  
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");  
}  
catch(E){  
xmlhttp = false;  
}  
}  
}  
div_base = "";  
function abre(arquivo,metodo,div){  
div_base = div;  
xmlhttp.open(metodo,arquivo);  
xmlhttp.onreadystatechange=conteudo  
xmlhttp.send(null)  
}  
function conteudo() {  
nova_div = div_base;  
document.getElementById(nova_div).innerHTML="<div style='top:50%;left:50%;position:absolute;'>carregando...</div>"  
if (xmlhttp.readyState==4){  
document.getElementById(nova_div).innerHTML=xmlhttp.responseText  
}  
}  
</script>  

<meta charset="utf-8">
<meta name="description" content="Lavalike css-only menu effect" />
<meta name="keywords" content="css-only menu hover effect transitions" />
<meta name="author" content="PeHaa for PEPSized" />
<link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/estilo.css"  media="screen" title="no title" >

</head>  



  
<body>  
<div class="efeito-barra nav">

<div id="menu">  
<a href="javascript: abre('home.html','GET','conteudo');">Home</a>  
<a href="javascript: abre('portfolio.html','GET','conteudo');">Portfólio</a>  
<a href="javascript: abre('blog.html','GET','conteudo');">Blog</a>  
<a href="javascript: abre('contato.html','GET','conteudo');">Contato</a>  
	<div class="efeito"></div>

</div>  


</div>

<div id="conteudo">  
  


  
</div>  
</body>  

</html>

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