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