hola amigos de foros del web
en esta ocacion escribo para solicitar su ayuda con respecto a la libreria jquery.
Al grano.
lo que sucede es que quiero hacer una pagina 100% ajax, y en esa pagina mediante ajax una funcion simple que me muestra en un div otra pagina que contiene un efecto de jquery, pero lo que pasa es que cuando la llamo la pagina no aplica la libreria jquery ya que el elemento no ha sido creado aun, lei por ahi que con la funcion live() de jquery se podia hacer pero no se como aplicarla, aqui el codigo ejemplo.
INDEX.PHP
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script>
//Funcion Ajax Simple
var XMLHttpRequestObject = false;
var XMLHttpRequestObject2 = false;
if (window.XMLHttpRequest)
{
try
{
XMLHttpRequestObject = new XMLHttpRequest();
XMLHttpRequestObject2 = new XMLHttpRequest();
}
catch(e)
{
e.message;
}
}
else if (window.ActiveXObject)
{
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
XMLHttpRequestObject2 = new ActiveXObject("Microsoft.XMLHTTP");
}
//pide datos, cual pagina y en que div se mostrara
function pedirDatos(fuenteDatos, divID)
{
if(XMLHttpRequestObject)
{
var obj = document.getElementById(divID);
XMLHttpRequestObject.open("POST", fuenteDatos);
XMLHttpRequestObject.onreadystatechange = function()
{
if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200)
{
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}
</script>
<script src="js/jquery-1.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function (){
$("a").click(function (){
alert("Presionaste un <a>");
});
});
</script>
</head>
<body>
<a href="#" onclick="pedirDatos('test.php', 'contenido');">LLAMO A TEST</a>
<div id="contenido" ></div>
</body>
</html>
Aqui yo hago click en un link y una funcion jquery me dice "Precionaste un <a>"
Pero cuando me mediante ajax llamo a otra pagina con un link ocea un <a> no arroja el mensaje, se que es por que ese objeto no esta creado cuando se carga por primera vez jquery
TEST.php
Código:
<a href="#"> Presioname! TEST </a>
Esta es la pagina que muestra cuando solicito a la funcion pedir datos que me envie esa pagina a un div pero el link que tiene dentro no lanza e mensaje "presionaste un <a>" al igual que los que estan en index.
Ojala alguien sepa y me pueda ayudar Gracias.