carga de info con load

[wilmer30]

hola:

El siguiente código lo que hace es enviar por post dos valores a un destino para ser guardado, lo que deseo es que una ves enviado el callback me refresque solo el área al que indico:

$.post('/permisos/index/add #container',{name: $("#name").val(),defecto: $("#defecto").val()},
function(){
$('#info').load('/permisos #wtable');
});

es decir de permisos solo el área <div id="wtable">...</div>, dentro de este div se encuentra un boton el cual uso para llamar al formulario con dos dos capor para el registro de los mismos.

El problema es que cuando llamo por primera ves a dicho boton funciona bien, pero cuando vuelvo a llamar, simplemente no me habre el formulario que por cierto se encuentra en un modal.

[alberto510a]

El método load() no funciona así. Para usarlo tienes que especificar el selector en tu caso #info y donde tienes puesto eso de /permisos #wtable está mal debes poner una url del documento que quieres que se cargue en #info.

Si no es esto lo que quieres llegar a conseguir dame tu código html y dime cual sería tu objetivo y te lo resuelvo.

Saludos!

[wilmer30]

Gracias,

El caso es que trabajo con Zend Framework y necesariamente despues de guardar en una accion (Myproyecto/modulo/controlador/accion definido asi en zend)

//$.post('/permisos/index/add #container'

debo hacer que se refresque un area que se encuentra en myProyecto/permisos automaticamente agarrará el indexAction que es donde esta el

<div id="wtable">..</div>

aqui el codigo jquery:

Código Javascript:

$( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 250,
        width: 350,
        modal: true,
        open: function(){
            $("#dialog-form").load('/permisos/index/add #container');
        },
        buttons: {
            "Guardar": function() {             
                    $.post('/permisos/index/add #container',{name: $("#name").val(),defecto: $("#defecto").val()},
                        function(){
                        $('#info').load('/permisos #wtable');
//                      $(location).attr("href","/permisos");
                    });
                    $( this ).dialog( "close" );                    
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        }
    });
    $( "#create-user" ).click(function() {
            $( "#dialog-form" ).dialog("open");
    });
 

este el formulario que se carga en un dialogUI

Código HTML:

<div id="info">
                <div id="container">
<p class="validateTips">Todos los campos son requeridos.</p>
<form id="permisos" enctype="application/x-www-form-urlencoded" class="wufoo" action="" method="post"><dl class="zend_form">
 
<input type="hidden" name="id" value="" id="id" />
<dt id="name-label"><label for="name" class="required">Usuario:</label></dt>
<dd id="name-element">
<input type="text" name="name" id="name" value="" /></dd>
<dt id="defecto-label"><label for="defecto" class="required">Valor:</label></dt>
<dd id="defecto-element">
<input type="text" name="defecto" id="defecto" value="" /></dd></dl></form></div></div>
 

y este el wtable

Código HTML:

<div id="info">
    <table align=center id="wtable">
.....
<tfoot><tr><th colspan="6">
    <button id="create-user" style='background:url("images/new_act.jpg") center no-repeat;' title='Nuevo'>&nbsp;</button>                   
</th></tr></tfoot>
</table>
<div id="dialog-form" title="Nuevo"></div>
</div>
 

pues aclarar que todo esta dentro del controlador index es decir /permisos/index, si ves el id="info" agarra tanto al formulario como a la tabla.

Lo que quiero es que el .load() (u otra funcion) recargue solo el id="wtable" y no toda la página, y actualmente lo hace pero solo la primera ves al pulsar el boton "create-user" y cuando deseo cargar el formulario por segunda ves simplemente no carga nada, tampoco me emite un mensaje de warning o error.

Gracias por su ayuda

[alberto510a]

Trata de copiar el código del formulario en un documento HTML sin nada más y añádele al botón create un evento de que al clickarlo haga

Código Javascript:

('#wtable').load('http://www.web.com/archivo_con_solo_el_codigo_de_wtable');
 

Saludos!