Foros del Web - Ver Mensaje Individual

yuo2 · #1 (**permalink**) 24/02/2011, 19:33

Hola a todos, estoy probando dos paginas:

pag1 : tiene una funcion ajax que carga un html dentro de un div.
pag2 : es una pagina con un efecto jquery.

el jquery q utilizo para el efecto es ->
jquery-1.4.2.min.js

el codigo de mis paginas son las siguientes..

pag1.html

Código HTML:

Ver original<html>
<head>
 
<title>demo</title>
 
<!-- CARGA AJAX PARA SOBRECARGA -->
<script type="text/javascript">
function ajaxFunction() {
  var xmlHttp;
  
  try {
   
    xmlHttp=new XMLHttpRequest();
    return xmlHttp;
  } catch (e) {
    
    try {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      return xmlHttp;
    } catch (e) {
      
      try {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        return xmlHttp;
      } catch (e) {
        alert("Tu navegador no soporta AJAX!");
        return false;
      }}}
}
 
function Enviar(_pagina,capa) {
    var ajax;
    ajax = ajaxFunction();
    ajax.open("POST", _pagina, true);
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 
    ajax.onreadystatechange = function() {
        if (ajax.readyState==1){
            document.getElementById(capa).innerHTML = "cargando...";
                 }
        if (ajax.readyState == 4) {
           
                document.getElementById(capa).innerHTML=ajax.responseText; 
             }}
             
    ajax.send(null);
} 
</script>
<!-- Fin de funcion AJAX -->
 
</head>
 
<div id="menu">
<a href="javascript:Enviar('pag2.html','contenido')">:: Ver ::</a>
 
    <div id="contenido">
        <br>Aca muestra contenido
    </div>
 
</div>
 
</html>

pag2.html

Código HTML:

Ver original<html>
<head>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
 
<SCRIPT type=text/javascript>
function oculta(elemento) {
    item=$("#"+elemento);
    if($(item).hasClass('visible')) {
        $(item).removeClass('visible');
        $(item).addClass('invisible');
        $(item).slideUp('fast');
    } else {
        $(item).removeClass('invisible');
        $(item).addClass('visible');
        $(item).slideDown('fast');
    }
}
</SCRIPT>
 
 
<div id="global">
 
<a href="#" class="Estilo9" id="oculto" onclick="javascript:oculta('txt1')">
txt1
</a>
 
<div class="visible" id="txt1">
  <div align="justify"><br>
      <span class="Estilo3">Contenido del texto 1 </span></div>
</div>
 
<br>
 
<a href="#" class="Estilo6 Estilo8"  id="oculto" onclick="javascript:oculta('txt2')">
txt2</a>
 
<div class="visible" id="txt2">
  <div align="justify"><br>
      <span class="Estilo3">Contenido del texto 2</span> </div>
</div>
</div>
</html>

primero quiero que se fijen el efecto de la pag2 , osea me funciona todo ok...
pero cuando lo cargo desde la pag1.. se pierde el efecto...

Espero que alguien me pueda dar razon y solucion si no es mucho pedir..

Gracias y espero q tmb sea de ayuda este ejemplo..

EDIT: ya lo solucione, he tenido que enlazar los script js de la pag 2 en la pag1