Problemas con Ajax y JQuery

Hallking · #1 (**permalink**) 17/06/2012, 18:59

Buenas a todos.
mi problema es que cargo una pagina usando ajax y la carga bien pero esta pagina tiene unos efectos que se lo doy con jquery y este es el problema que estos efectos no se ejecutan cuando llamo la pagina con ajax, pues si lo ejecuto fuera del ajax me funciona bien. Nota no se mucho sobre sobre sobre estos lenguaje de programación...

Con este código jquery que da el efecto

Código:

// JavaScript Document
$(document).ready(function(){
$('.flip').click(function(){
          $('.panel').hide(); // oculte todos los paneles
          $(this).next('div').slideDown(); // el div que sigue aplique slideToggle     
      });
$(".e-mail").click(function(){
    $(".funcion").slideToggle("slow");
  });
});

Esta es la pagina que cargo con ajax

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="../JQuery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../JavaScript/FuncionJavaScrip.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
        <div id="conten" class="grid_5 alpha_2">
                <h1>Contactenos</h1>
                    <div id="formulario">
                    <b>Dirección:</b>
                    </div>
                    
                    <div id="datos">
                    Calle Julio de Peña Valdes #212<br/>Sector 24 de Abril Sto. Dgo., D.N
                    </div>    
                    
                    <div id="formulario">
                    <b>Telefonos:</b>
                    </div>
                    
                    <div id="datos">
                    809-681-5856 <br />
                    809-986-1117
                    </div> 
                    
                    <div id="formulario">
                    <b>E-Mail:</b>
                    </div>
                    
                    <div id="datos" class="e-mail pointer">
                    <b><i>[email protected]</i></b>
                    </div>      
        </div>
        
        <div class="grid_5 omega funcion panel" id="conten">
                <h1>Formulario</h1>
                    <form id="form1" name="form1" method="post" action="">
                    <p>Nombre:
                    <label>
                    <input type="text" name="textfield" id="textfield" />
                    </label>
                    </p>
                    <p>E-Mail:
                    <label>
                    <input type="text" name="textfield2" id="textfield2" />
                    </label>
                    </p>
                    <p>Comentario:
                    <label>
                    <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
                    </label>
                    </p>
                    </form>
        </div>
</body>
</html>

y esta es la pagina donde la llamo.

Código HTML:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function loadXMLDoc(url)
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET",url+".html",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<div onClick="loadXMLDoc('Contactenos')">Prueva</div>

</body>
</html>

dontexplain · #2 (**permalink**) 17/06/2012, 21:53

No hace falta que postees lo mismo dos veces. Ya te contesté en javascript.

Hallking · #3 (**permalink**) 17/06/2012, 22:08

Perdona no lo vi