Problemas con ajax y Jquery

Neldor · #1 (**permalink**) 20/01/2010, 15:43

Tengo problemas para conseguir usar JQuery en una página que se haya cargado con ajax, y que pueda interaccionar con elementos externos.

Pongo un código de ejemplo:

<body>
<a id='link1'>Link1</a>
<div id='destino'><a id='link2'>Link2</a></div>
<div id='popup'></div>
</body>

Cuando pulso sobre el link1 en el div destino se carga el archivo que contiene el link2 y quiero que pulsando sobre el link2 se abra el div popup con otro archivo.

El problema que tengo es que en el div de destino, una vez se ha cargado la información no consigo poder usar JQuery (o no se donde tengo que ponerlo), tanto para efectos como para usar ajax.

Si alguien pudiera aydarme estaria muy agradecido.

CarolJohana · #2 (**permalink**) 21/01/2010, 11:54

mira en tu pagina debes escibir la direccion donde tengas la biblioteca un ejemplo es asi

<script src="Libreria/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="Libreria/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

tengo una carpeta que se llama libreiara y alli coloco toda la direccion asi te funcionaria respecto a que te abra una ventana emergente

puede colocar asi
<script type="text/javascript">
function nueva_ventana(url, ancho, alto, barra) {
izquierda = (screen.width) ? (screen.width-ancho)/2 : 100
arriba = (screen.height) ? (screen.height-alto)/2 : 100
opciones = 'toolbar=0,location=0,directories=0,status=0,menub ar=0,scrollbars=' + barra + ',resizable=0,width=' + ancho + ',height=' + alto + ',left=' + izquierda + ',top=' + arriba + ''
window.open(url, 'popUp', opciones)
}
</script>
<html>
<li><a href="javascript:nueva_ventana('mipagina.jsp',990, 590,0)">nueva pagina</a></li>

</html>

espero que te sirva de algo

salu2

CarolJohana · #3 (**permalink**) 21/01/2010, 11:57

claro que el anterir codigo es mas javascript pero es funcional sin embargo aqui puedes ver un ejemplo de ventanas emergentes con jquery

http://www.webintenta.com/abrir-popup-con-jquery.html

Neldor · #4 (**permalink**) 11/02/2010, 10:42

Gracias por la ayuda CarolJohana, aunque no me ha sido de demasiada ayuda, además, todo lo de cargar la librería lo obvié para que el ejemplo fuera claro.

He encontrado la solución:

archivo1.php:
<head>
<script src='jquery.js'></script>
<script>
$(document).ready(function(){
$('#link1').click(function(){
$('#destino').load('archivo2.php')
});
});
</script>
<body>
<a id='link1'>Link1</a>
<div id='destino'></div>
<div id='popup'></div>
</body>

archivo2.php:
<script>
$('#link2').click(function(){
$('#popup').load('archivo3.php');
});
</script>
<body>
<a id='link2'>Link 2</a>
</body>

En el archivo2.php no hace falta el $(document).ready(), solo con poner el JQuery ya funciona y se pueden usar los selectores del archivo1.php

Espero que sea de ayuda este post.