Ir para conteúdo

POWERED BY:

Arquivado

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

thia6o

Como faço para colocar a lightbox dentro de uma div com ajax

Recommended Posts

Olá eu tenho esse código que carrega paginas em uma div. Porem eu tenho uma galeria de imagens lightbox e ele não carrega os scripts da lightbox, aparece a imagem mais quando clica na mesma abre em uma nova aba e não como deveria abrir.

 

Agradeço desde já...

 

--------------------------------------------------------------------------------------------------

 

Código de carregar paginas em div.

 

 
function GetXMLHttp() {
    var xmlHttp;
    try {
        xmlHttp = new XMLHttpRequest();
    }
    catch(ee) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(e) {
                xmlHttp = false;
            }
        }
    }
    return xmlHttp;
}
 
var xmlRequest = GetXMLHttp();
 
 

function Pag(valor){
    var url = valor;
 
    xmlRequest.open("GET",url,true);    
    xmlRequest.onreadystatechange = mudancaEstado;
    xmlRequest.send(null);
 
        if (xmlRequest.readyState == 1) {
            document.getElementById("conteudo").innerHTML = "<div id='load'>Carregandando...</div>";
        }
 
    return url;
}
 
function mudancaEstado(){
    if (xmlRequest.readyState == 4){
        document.getElementById("conteudo").innerHTML = xmlRequest.responseText;
    }
}

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

function mudancaEstado(){
    if (xmlRequest.readyState == 4){
        document.getElementById("conteudo").innerHTML = xmlRequest.responseText;
 
       //instancie o lightbox aqui
    }
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

mais ou menos isso:

 

 

function mudancaEstado(){
    if (xmlRequest.readyState == 4){
        document.getElementById("conteudo").innerHTML = xmlRequest.responseText;
 
         $('.lightbox').lightbox();
 
    }
}
entendeu ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não deu muito certo não ainda abre em uma nova guia.

Olha o que eu fiz.

 

 

function mudancaEstado(){
if (xmlRequest.readyState == 4){
document.getElementById("conteudo").innerHTML = xmlRequest.responseText;
$("#yoxview_picasa").yoxview();
}
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

ok, e tá aparecendo algo no console de erros ?

 

ctrl+shift+j no firefox.

 

 

caso não saiba usar:

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post


Link para o post
Compartilhar em outros sites

vc precisa corrigir isso então cara.. vai atrás dessa linha e corrija.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara não encontro nada sobre meu problema, ainda não funciona. Esse erro não e nada detalhado o chrome só me informou que tem um erro no codigo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

ele mostra o arquivo e a linha referente ao erro.

 

se tiver duvidas, tira um print e posta aqui.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim.

Mais não tem linha de erro o que tinha era do javascript:void(0); do link mais ja arrumei não acusa nada olha.

Sem%20t%C3%ADtulo.png

Compartilhar este post


Link para o post
Compartilhar em outros sites

coloca o site no ar, ai vou conseguir debugar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.