Foros del Web » Programando para Internet » Javascript » Frameworks JS »

(Consulta) Problemas al abrir pagina externa en un dialog box

Estas en el tema de (Consulta) Problemas al abrir pagina externa en un dialog box en el foro de Frameworks JS en Foros del Web. Hola a todos, Estoy intentando mediante jquery y ajax cargar el contenido de una url de mi sitio web, Primero necesito pasar parametros al hacer ...
  #1 (permalink)  
Antiguo 21/09/2011, 12:44
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 1 mes
Puntos: 21
(Consulta) Problemas al abrir pagina externa en un dialog box

Hola a todos,

Estoy intentando mediante jquery y ajax cargar el contenido de una url de mi sitio web,

Primero necesito pasar parametros al hacer click en un link y luego en base a esos parametros pasados mostrar esa web con el contenido dinamico generado.

Esto es lo que hice:

Código Javascript:
Ver original
  1. <script>
  2.     $(document).ready(function() {
  3.  
  4.         $('body').append('<div id="dialog"></div>');
  5.  
  6.         var $langDialog = $('#dialog');
  7.        
  8.  
  9.         $.ajax({    type: 'GET',
  10.                      url: 'http://localhost/veni-cake/webs/examenes/'+$(this).val(),
  11.                      succes: function(msg){
  12.                         $langDialog.load(msg, function ()
  13.                                 {
  14.                                     $langDialog.dialog({
  15.                                         modal: true,
  16.                                         draggable: true,
  17.                                         resizable: true,
  18.                                         autoOpen: false
  19.                                     });
  20.                                 });
  21.                      }
  22.                 });
  23.  
  24.        
  25.    
  26.  
  27.        
  28.  
  29.         $('.ver').click(function()
  30.             {
  31.                 $langDialog.dialog('open');
  32.                 return false;
  33.             });
  34.                
  35.        
  36.     });
  37.     </script>

--------------------------------
EDIT
--------------------------------

Modifique un poco el código y me faltaría poder pasar correctamente los parámetros:

Código Javascript:
Ver original
  1. <script>
  2.  
  3.     $(document).ready(function() {
  4.  
  5.         $('.ver').click(function() {
  6.  
  7.             $.ajax({
  8.                   type: 'GET',
  9.                   url: 'http://localhost/veni-cake/webs/examenes/'+$('ver').attr("href"),
  10.                   success: function(data){
  11.                     $('#dialog').html(data);
  12.                   }
  13.                 });
  14.            
  15.             $('#dialog').dialog();
  16.             return false;
  17.         });
  18.     });
  19.                
  20. </script>

-----------
EDIT 2
-----------------
Y así lo conseguí, aunque no se si es una buena alternativa.


Código Javascript:
Ver original
  1. <script>
  2.  
  3.     $(document).ready(function() {
  4.  
  5.         $('.ver').click(function() {
  6.  
  7.             $.ajax({
  8.                   type: 'GET',
  9.                   url: $(this).attr("href"),
  10.                   success: function(data){
  11.                     $('#dialog').html(data);
  12.                   }
  13.                 });
  14.            
  15.             $('#dialog').dialog();
  16.             return false;
  17.         });
  18.     });
  19.                
  20. </script>
__________________
_

Última edición por opzina; 21/09/2011 a las 14:31

Etiquetas: jquery
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 02:24.