Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/09/2011, 12:44
opzina
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 16 años, 2 meses
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