Foros del Web » Programando para Internet » Jquery »

carga de info con load

Estas en el tema de carga de info con load en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/06/2013, 14:29
 
Fecha de Ingreso: enero-2010
Mensajes: 491
Antigüedad: 14 años, 2 meses
Puntos: 12
carga de info con load

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.
  #2 (permalink)  
Antiguo 04/06/2013, 15:26
Avatar de alberto510a  
Fecha de Ingreso: abril-2013
Mensajes: 351
Antigüedad: 11 años
Puntos: 35
Respuesta: carga de info con load

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!
__________________
No hay preguntas tontas, sino tontos que no preguntan.
  #3 (permalink)  
Antiguo 04/06/2013, 16:33
 
Fecha de Ingreso: enero-2010
Mensajes: 491
Antigüedad: 14 años, 2 meses
Puntos: 12
Respuesta: carga de info con load

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:
Ver original
  1. $( "#dialog-form" ).dialog({
  2.         autoOpen: false,
  3.         height: 250,
  4.         width: 350,
  5.         modal: true,
  6.         open: function(){
  7.             $("#dialog-form").load('/permisos/index/add #container');
  8.         },
  9.         buttons: {
  10.             "Guardar": function() {            
  11.                     $.post('/permisos/index/add #container',{name: $("#name").val(),defecto: $("#defecto").val()},
  12.                         function(){
  13.                         $('#info').load('/permisos #wtable');
  14. //                      $(location).attr("href","/permisos");
  15.                     });
  16.                     $( this ).dialog( "close" );                   
  17.             },
  18.             Cancel: function() {
  19.                 $( this ).dialog( "close" );
  20.             }
  21.         }
  22.     });
  23.     $( "#create-user" ).click(function() {
  24.             $( "#dialog-form" ).dialog("open");
  25.     });
este el formulario que se carga en un dialogUI
Código HTML:
Ver original
  1. <div id="info">
  2.                 <div id="container">
  3. <p class="validateTips">Todos los campos son requeridos.</p>
  4. <form id="permisos" enctype="application/x-www-form-urlencoded" class="wufoo" action="" method="post"><dl class="zend_form">
  5.  
  6. <input type="hidden" name="id" value="" id="id" />
  7. <dt id="name-label"><label for="name" class="required">Usuario:</label></dt>
  8. <dd id="name-element">
  9. <input type="text" name="name" id="name" value="" /></dd>
  10. <dt id="defecto-label"><label for="defecto" class="required">Valor:</label></dt>
  11. <dd id="defecto-element">
  12. <input type="text" name="defecto" id="defecto" value="" /></dd></dl></form></div></div>
y este el wtable
Código HTML:
Ver original
  1. <div id="info">
  2.     <table align=center id="wtable">
  3. .....
  4. <tfoot><tr><th colspan="6">
  5.     <button id="create-user" style='background:url("images/new_act.jpg") center no-repeat;' title='Nuevo'>&nbsp;</button>                  
  6. </th></tr></tfoot>
  7. <div id="dialog-form" title="Nuevo"></div>
  8. </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

Última edición por wilmer30; 04/06/2013 a las 16:40
  #4 (permalink)  
Antiguo 05/06/2013, 08:10
Avatar de alberto510a  
Fecha de Ingreso: abril-2013
Mensajes: 351
Antigüedad: 11 años
Puntos: 35
Respuesta: carga de info con load

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:
Ver original
  1. ('#wtable').load('http://www.web.com/archivo_con_solo_el_codigo_de_wtable');


Saludos!
__________________
No hay preguntas tontas, sino tontos que no preguntan.

Etiquetas: info, load
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:25.