[SOLUCIONADO] Variables por url desde javascript

karma274 · #1 (**permalink**) 18/06/2014, 15:57

Hola amigos en el siguiente codigo estoy creando una ventana emergente pero me pregunto como puedo hacer para realizar una consulta y mostrar los datos con determinada variable enviada desde el mismo link que llamo la funcion o algo asi. El codigo esta completo ya que es un ejemplo en el que trabajo a si que lo podeis ejecutar asi lo desean.

Código HTML:

Ver original<?php
include("conexion1.php");
?>
 
<!DOCTYPE html>
<html>
    <head>
       
        <style type="text/css">
            /* Estilos del div que se tendrá la función de ocultar el contenido del sitio para dejar mostrarse a la ventana emergente */
            .bloquer {width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000; position: fixed;}
            /* Estilo de la ventana emergente. La misma podés editarla, pero no quites el atributo position: fixed. */
            .ventana_emergente {
                position: fixed; 
                width: 450px; height: 
                500px; 
                border: solid 2px #06F; 
                background:url(fondo1.png);
            }
            .titulo { 
                width:435px; 
                height:25px; 
                border-bottom:2px solid #06F; 
                padding-top:5px; 
                padding-left:15px; 
                background-color:#06F; 
                color:#fff;
            }
            /* Tanto la ventana emrgente como el bloqer estarán ocultos hasta que se dispare la función que los visualice */
            .bloquer, .ventana_emergente {display: none;}
        </style>
       
        <!-- Importación de la librería de jquery. -->
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
       
        <script type="text/javascript">
           
            //Esta función será la encargada de mostrar la ventana emergente. Recibirá como parámetro el id ("#nombre_del_id") de la ventana emergente.
            function abrirVentanaPopUp(identificacion){
                $(".bloquer").css('z-index', '998');
                $(".bloquer").css('opacity', '0.1');                
                $(".bloquer").fadeIn(500);
                var w = $(window).width();
                var h = $(window).height();
                var divW = $(identificacion).width();
                var divH = $(identificacion).height();
                $(identificacion).css('left', (w/2)-(divW / 2)+"px");
                $(identificacion).css('top', (h/2)-(divH / 2)+"px");
                $(identificacion).css('z-index', '999');
                $(identificacion).css('opacity', '1.0');
                $(identificacion).fadeIn(500);
                $(".cerrar_emergente").click(function(){
                    $(identificacion).css('display', 'none');
                    $(".bloquer").css('display', 'none'); 
                });
            }
           
            $(document).ready(function(){
                $("#abrir_ventana").click(function(){
                    // Acá se llama a la función nombrada anteriormente.
                    abrirVentanaPopUp("#ventana_emergente");
                });
            });
        </script>
       
    </head>
    <body>
       
        <!-- Este link será el que al presionarse mostrará por pantalla la ventana emergente. -->
        <a id="abrir_ventana" href="javascript:void(0);"> Abrir ventana </a>
       
        <!-- Este div no tendría contenido ya que su única función será ocultar la página para dejarse ver a la ventana emergente. -->
        <div class="bloquer"></div>
       
        <!-- Ventana emergente. -->
        <div id="ventana_emergente" class="ventana_emergente">
            <div class="titulo">
                Administraci&oacute;n de Clientes
            </div>
            <div class="contenido">
            <table id="tabla" border="0" width="80%"">
                <form method="post" name="form_reg" id="form" action="../funciones/actualizar_cli.php"/>
                    <input type="hidden" name="old_id" value="<?php echo $id; ?>" />
                    <tr>
                        <td align="right">NOMBRE</td><td><input type="text" name="nombre" id="nombre" size="30px" tabindex="1" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" value="<?php echo $fila['nombre_cli']; ?>"/></td>
                    </tr> 
                    <tr>
                        <td align="right">CEDULA</td><td><input type="text" name="cedula" id="cedula" size="30px" tabindex="2" maxlength="10" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" onkeypress="return soloNumeros(event);" value="<?php echo $fila['cedula_cli']; ?>"/></td>
                    </tr>
                    <tr>
                        <td align="right">DIRECCI&Oacute;N</td><td><input type="text" name="direccion" id="direccion" size="30px" tabindex="3"style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" value="<?php echo $fila['direccion_cli']; ?>"/></td>
                    </tr>
                    <tr>
                        <td align="right">TELEFONO</td><td><input type="text" name="telefono" id="telefono" size="30px" tabindex="4" maxlength="7" onkeypress="return soloNumeros(event);" value="<?php echo $fila['telefono_cli']; ?>"/></td>
                    </tr>
                    <tr>
                        <td align="right">CELULAR</td><td><input type="text" name="celular" id="celular" size="30px" tabindex="5" maxlength="10" onkeypress="return soloNumeros(event);" value="<?php echo $fila['celular_cli']; ?>"/></td>
                    </tr>
                    <tr>
                        <td align="right">CIUDAD</td><td><input type="text" name="ciudad" id="ciudad" size="30px" tabindex="6" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" value="<?php echo $fila['ciudad_cli']; ?>"/></td>
                    </tr>
                    <tr><td>&nbsp;</td></tr>
                    <tr>
                        <td align="right">EMPRESA</td><td><input type="text" name="empresa" id="empresa" tabindex="7" size="30px" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" value="<?php echo $fila['empresa_cli']; ?>"/></td>
                    </tr>
                    <tr>
                        <td align="right">NIT</td><td><input type="text" name="nit" id="nit" size="30px" tabindex="8" value="<?php echo $fila['nit_cli']; ?>"/></td>
                    </tr>
                    <tr><td>&nbsp;</td></tr>
                    <tr>
                        <td align="right">EMAIL</td><td><input type="text" name="email" id="email" size="30px" tabindex="9" style="text-transform:uppercase;" onkeyup="javascript:this.value=this.value.toUpperCase();" value="<?php echo $fila['email_cli']; ?>"></td>
                    </tr>
                    <tr>
                        <td align="right">USUARIO</td><td><input type="text" name="usuario" id="usuario" size="30px" tabindex="10" maxlength="10" value="<?php echo $fila['usuario_cli']; ?>"/></td>
                    </tr>
                    <tr>    
                        <td align="right">CONTRASE&Ntilde;A</td><td><input type="password" name="passwd" id="passwd" size="30px" tabindex="11" maxlength="10" value="<?php echo $fila['password_cli']; ?>"/></td>
                    </tr>
                        <td colspan="2" align="right">
                            <input type="submit" name="enviar" value="Grabar" title="Grabar" tabindex="14" >
                            <a class="cerrar_emergente" href="javascript:void(0);"><input type='button' value='Salir' title="Salir" /></a>
                        </td>
                    </tr>
            </form>
        </table>
        </div>
        </div>
           
    </body>
</html>

Italico76 · #2 (**permalink**) 18/06/2014, 16:28

Mira este recurso:

http://blog.aplicacionesweb.cl/opens...on-javascript/

karma274 · #3 (**permalink**) 18/06/2014, 16:42

Italico76 · #4 (**permalink**) 18/06/2014, 16:47

Cita:

<a href="http://www.forosdelweb.com/f13/variables-por-url-desde-javascript-1102372/f13/variables-por-url-desde-javascript-1102372/f13/variables-por-url-desde-javascript-1102372/f13/variables-por-url-desde-javascript-1102372/ventana.php?variable=valor&otra_variable=otro_valo r ...." target="_blank" >Consultar</a>

Luego lees por GET en tu ventana.php el arreglo $_GET

Si tu duda es como generar la URL del enlace.......... me dices a partir de que elementos del HTML (DOM) del documento o de que variables de JS se debe hacer y lo hacemos

caricatos · #5 (**permalink**) 19/06/2014, 10:07

Hola:

Parece que últimamente nadie lee nuestras FAQs... ¿Como recoger Datos por url?...

Para generar enlaces con parámetros con javascript, hay que añadir a la url el signo "?" seguido de la pareja de nombre_de_la_variable=valor_de_esa_variable... y si hacen falta más parámetros se concatenan con el signo "&"... los valores deben estra "escapados"...

Saludos

Alexis88 · #6 (**permalink**) 19/06/2014, 10:27

Cita:

Iniciado por caricatos

Parece que últimamente nadie lee nuestras FAQs...

Creo que al momento de crear un hilo, debería colocarse un aviso con el mensaje "Antes de publicar su duda, asegúrese de que la respuesta a la misma no se encuentre en las FAQs del foro", con un enlace hacia las mismas. Así evitaríamos tener tantos temas que tratan de lo mismo e incentivaríamos a los usuarios a empezar a buscar soluciones por cuenta propia.

Saludos

karma274 · #7 (**permalink**) 19/06/2014, 15:05

Ok, mi problema no es el generar una URL ya sea desde PHP o Javascript, es para este caso en especifico con esa funcion Javscript que he publicado como hago para rellenar los campos de formulario de la ventana emergente con una consulta a la base de datos y un id(Campo base de datos) especifico. De nuevo gracias por su tiempo y Colaboracion.