Como creo una ventana emergente con informacion de una pagina web

marisanjr · #1 (**permalink**) 22/05/2013, 15:57

Buenas.
Tengo un formulario en el cual digito un numero de documento, usando el load de Jquery envio el valor de la varible para consultar en una pagina web. El resultado lo cargo en una variable y lo muestro con ECHO en un DIV del formulario principal.
Me funciona muy bien.
Pero quiero mostrar ese resultado en una ventana tipo modal como las que usa Jquery y no se como hacerlo.

Código HTML:

 <script type="text/javascript">
            $(document).ready(function(){
                $('#nident').change(function(){
                   var id=$('#nident').val();
                   $('#dialog').load('vcedulacopi.php?id='+id);
                });
           });



        </script>
    </head>

<body>
     <FORM name="form1" id="form1" method="POST" action=""/>

    	      <center><table border="1"></center>
                <thead>
                       <tr>
                           <th colspan="5"><H3>INGRESAR DATOS</H3></th>
                        </tr>
                   </thead>
               <tbody>
                   <tr>
                        <td>
                        <br /><label for=nocedula">DOCUMENTO IDENTIDAD</label><br />
                         <input type="text"   name="nident" id="nident" size="18" value=""/>
                       <tr><td>
                            <div id="dialog" title="dato a mostrar">
                            <p>Contenido de la ventana</p>
                            </div>
                         </td>
        </tr>

Llamo este archivophp que consulta en la pagina

Código HTML:

<?php
// Inicia o cURL acessando uma URL
$cURL = curl_init();
//$cedula="16889492";
$cedula=$_GET['id'];
curl_setopt($cURL, CURLOPT_URL, "http://www3.Dane.gov.co/censo/_censoresultado.php?nCedula=".$cedula);
// Define a opção que diz que você quer receber o resultado encontrado
curl_setopt($cURL, CURLOPT_POST, false);
curl_setopt($cURL, CURLOPT_RETURNTRANSFER, true);
curl_setopt($cURL, CURLOPT_FOLLOWLOCATION, true);
curl_setopt($cURL, CURLOPT_HEADER, false);

// Executa a consulta, conectando-se ao site e salvando o resultado na variável $resultado
$resultado = curl_exec($cURL);
// Encerra a conexão com o site
echo strlen($resultado);
$cadena = substr($resultado,999,4500);
$cadena1 = substr($cadena,3009,4500);
echo utf8_encode($cadena1);
curl_close($cURL);
?>

Quiero mostrar

Código:

$cadena

en un ventana modal

Lobito14 · #2 (**permalink**) 23/05/2013, 06:48

Hay muchos plugins para ayudarte con esta tarea, solo es buscar en Google y usar el que mejor te venga, aquí uno de aparente facilidad de uso:

Ventana modal con jQuery