Olá pessoal, Estou com problema para fazer funcionar o FancyBox do jQuery. Tenho uma página chamada frame.jsp e carrego minha página fotos.jsp na div id="conteudo": <div id="geral"> <div id="topo"><%@ in…

jQuery não funciona dentro de requisição Ajax & FancyBox aplica para todos <a> do site

1 Resposta

WashingtonBotelho 23 de mai. de 2009

Bem pessoal, a questão de direcionar o efeito do FancyBox consegui resolver, basta indicar o id do elemento no qual quero aplicar o efeito, porém antes AINDA deve ser especificado a tag, era ai meu erro, veja como ficaria o código agora:

$("a#fancy").fancybox(); // Para todas as tags 'a' com id "fancy" (:

Porém continuo com o problema do carregamento do Ajax não escrever o conteúdo no código fonte no qual visualizo pelo atalho Ctrl + U. O código escrito no fonte fica apenas da primeira página carregada, e qualquer outra que eu der um innerHTML somente é apresentada na tela, porém o código fonte não muda, e é ai que acho que se encontra o erro.

Código Ajax:

// Link que chama a página ajax
<li><a href="javascript:void(0)" onclick="openPage('home.jsp?np', 'conteudo')"><fmt:message key="inicio"/></a></li>

// Função de entrada do ajax
function openPage(url, targetIn){
  var req = openAjax(document.getElementById(targetIn));
  req.open("GET", url, true);
  req.send(null);
}

// Função que istancia o ajax e carrega a página
function openAjax(target){
  var req;

  try {
    req = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari e IE 7
  } catch (e) {
    try {
      req = new ActiveXObject("Msxml2.XMLHTTP"); // IE
    } catch (e){
      try {
        req = new ActiveXObject("Microsoft.XMLHTTP"); // IE Antigo
      } catch (e) {
        alert("Seu browser não possue suporte para a tecnologia deste site!");
        return false;
      }
    }
  }

  req.onreadystatechange = function() {
    if(req.readyState == 3) {
      target.innerHTML = "<div style='position:absolute; top:35%; left:55%;'><img src='img/loading.gif'/></div>";
    } else if(req.readyState == 4 && req.status == 200) {
      target.innerHTML = req.responseText;
    }
  }

  return req;
}

// Página JSP que suportará todo o site
<html>
  <head/>
  <body class="bgColor">
    <div id="geral">
      <div id="topo"><%@ include file="topo.jsp" %></div>
      <div id="menu"><%@ include file="menu.jsp" %></div>
      <div id="conteudo"><jsp:include page="home.jsp"/></div>
      <div id="direita"></div>
      <div id="rodape"><%@ include file="rodape.jsp" %></div>
    </div>
  </body>
</html>

Alguém poderia me ajudar?

Valeu galera. =)

1 Resposta

Topicos relacionados