Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/12/2015, 23:46
Shaco0492
 
Fecha de Ingreso: noviembre-2015
Mensajes: 13
Antigüedad: 9 años, 1 mes
Puntos: 0
Problema con Jquery-ui + ajax

Buenas noches programadores...
otra vez pidiendo ayuda con nuevas cosas que voy aprendiendo...
y pues como siempre tengo fallos...

Estoy usando jquery-ui y pues buscando información de como juntarlo con Ajax... la función .load...
pero me da un fallo en el código...

tengo esta imagen...

<a onclick="javascript:modificarArea('${lisper.coda}' )" id="modArea" href="#">
<img src="images/opciones/mod.png" title="Modificar" />
</a>

cuando la presiono me abre un dialog de jquery-ui que seria esto...

function modificarArea(coda){
$(document).ready(function(){
var ModalAjax = parent.$("#ModalAjax").dialog({
autoOpen: false,
width: 400,
title: 'Modificar Área',
modal: true,

buttons: [
{
text: 'Modificar',
click: function() {
$(this).dialog("close");
},
},
{

text: 'Cancelar',
click: function(){
$(this).dialog("close");
}
}
],
});
ModalAjax.dialog('open').load("modArea.html",{xcod a:coda});
});
}

Y aquí se muestra la información

<div id="ModalAjax">

</div>

funciona perfecto...
carga la información de la pagina "modArea.html"
pero dejan de funcionar los botones del dialog... nose a que se debe...
cuando borro las variables ({xcoda:coda}) que estoy mandando a la pagina "modArea.html" los botones vuelven a funcionar...

Es algo que recién estoy aplicando a mi proyecto... osea recién estoy empezando asi que no tengo mucho conocimiento... espero puedan ayudarme....

Desde ya muchas gracias