Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Variables por url desde javascript

 Estas en el tema de Variables por url desde javascript en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/06/2014, 15:57
 
Fecha de Ingreso: septiembre-2012
Ubicación: Norte de Santander
Mensajes: 127
Antigüedad: 11 años, 7 meses
Puntos: 1
Pregunta Variables por url desde javascript
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
  1. <?php
  2. include("conexion1.php");
  3. ?>
  4.  
  5. <!DOCTYPE html>
  6. <html>
  7.     <head>
  8.        
  9.         <style type="text/css">
  10.             /* Estilos del div que se tendrá la función de ocultar el contenido del sitio para dejar mostrarse a la ventana emergente */
  11.             .bloquer {width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000; position: fixed;}
  12.             /* Estilo de la ventana emergente. La misma podés editarla, pero no quites el atributo position: fixed. */
  13.             .ventana_emergente {
  14.                 position: fixed; 
  15.                 width: 450px; height: 
  16.                 500px; 
  17.                 border: solid 2px #06F; 
  18.                 background:url(fondo1.png);
  19.             }
  20.             .titulo { 
  21.                 width:435px; 
  22.                 height:25px; 
  23.                 border-bottom:2px solid #06F; 
  24.                 padding-top:5px; 
  25.                 padding-left:15px; 
  26.                 background-color:#06F; 
  27.                 color:#fff;
  28.             }
  29.             /* Tanto la ventana emrgente como el bloqer estarán ocultos hasta que se dispare la función que los visualice */
  30.             .bloquer, .ventana_emergente {display: none;}
  31.         </style>
  32.        
  33.         <!-- Importación de la librería de jquery. -->
  34.         <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  35.        
  36.         <script type="text/javascript">
  37.            
  38.             //Esta función será la encargada de mostrar la ventana emergente. Recibirá como parámetro el id ("#nombre_del_id") de la ventana emergente.
  39.             function abrirVentanaPopUp(identificacion){
  40.                 $(".bloquer").css('z-index', '998');
  41.                 $(".bloquer").css('opacity', '0.1');                
  42.                 $(".bloquer").fadeIn(500);
  43.                 var w = $(window).width();
  44.                 var h = $(window).height();
  45.                 var divW = $(identificacion).width();
  46.                 var divH = $(identificacion).height();
  47.                 $(identificacion).css('left', (w/2)-(divW / 2)+"px");
  48.                 $(identificacion).css('top', (h/2)-(divH / 2)+"px");
  49.                 $(identificacion).css('z-index', '999');
  50.                 $(identificacion).css('opacity', '1.0');
  51.                 $(identificacion).fadeIn(500);
  52.                 $(".cerrar_emergente").click(function(){
  53.                     $(identificacion).css('display', 'none');
  54.                     $(".bloquer").css('display', 'none'); 
  55.                 });
  56.             }
  57.            
  58.             $(document).ready(function(){
  59.                 $("#abrir_ventana").click(function(){
  60.                     // Acá se llama a la función nombrada anteriormente.
  61.                     abrirVentanaPopUp("#ventana_emergente");
  62.                 });
  63.             });
  64.         </script>
  65.        
  66.     </head>
  67.     <body>
  68.        
  69.         <!-- Este link será el que al presionarse mostrará por pantalla la ventana emergente. -->
  70.         <a id="abrir_ventana" href="javascript:void(0);"> Abrir ventana </a>
  71.        
  72.         <!-- Este div no tendría contenido ya que su única función será ocultar la página para dejarse ver a la ventana emergente. -->
  73.         <div class="bloquer"></div>
  74.        
  75.         <!-- Ventana emergente. -->
  76.         <div id="ventana_emergente" class="ventana_emergente">
  77.             <div class="titulo">
  78.                 Administraci&oacute;n de Clientes
  79.             </div>
  80.             <div class="contenido">
  81.             <table id="tabla" border="0" width="80%"">
  82.                 <form method="post" name="form_reg" id="form" action="../funciones/actualizar_cli.php"/>
  83.                     <input type="hidden" name="old_id" value="<?php echo $id; ?>" />
  84.                     <tr>
  85.                         <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>
  86.                     </tr> 
  87.                     <tr>
  88.                         <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>
  89.                     </tr>
  90.                     <tr>
  91.                         <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>
  92.                     </tr>
  93.                     <tr>
  94.                         <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>
  95.                     </tr>
  96.                     <tr>
  97.                         <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>
  98.                     </tr>
  99.                     <tr>
  100.                         <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>
  101.                     </tr>
  102.                     <tr><td>&nbsp;</td></tr>
  103.                     <tr>
  104.                         <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>
  105.                     </tr>
  106.                     <tr>
  107.                         <td align="right">NIT</td><td><input type="text" name="nit" id="nit" size="30px" tabindex="8" value="<?php echo $fila['nit_cli']; ?>"/></td>
  108.                     </tr>
  109.                     <tr><td>&nbsp;</td></tr>
  110.                     <tr>
  111.                         <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>
  112.                     </tr>
  113.                     <tr>
  114.                         <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>
  115.                     </tr>
  116.                     <tr>    
  117.                         <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>
  118.                     </tr>
  119.                         <td colspan="2" align="right">
  120.                             <input type="submit" name="enviar" value="Grabar" title="Grabar" tabindex="14" >
  121.                             <a class="cerrar_emergente" href="javascript:void(0);"><input type='button' value='Salir' title="Salir" /></a>
  122.                         </td>
  123.                     </tr>
  124.             </form>
  125.         </table>
  126.         </div>
  127.         </div>
  128.            
  129.     </body>
  130. </html>
  #2 (permalink)  
Antiguo 18/06/2014, 16:28
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 17 años, 1 mes
Puntos: 292
Respuesta: Variables por url desde javascript
Mira este recurso:

http://blog.aplicacionesweb.cl/opens...on-javascript/
__________________
Salu2!
  #3 (permalink)  
Antiguo 18/06/2014, 16:42
 
Fecha de Ingreso: septiembre-2012
Ubicación: Norte de Santander
Mensajes: 127
Antigüedad: 11 años, 7 meses
Puntos: 1
Respuesta: Variables por url desde javascript
Gracias Italico76 por tu respuesta, pero tratare de explicarme mejor. en la pagina ventana.php quiero generar una tabla con una columna con el link de actualizar dato, al lado de esa columna irian los campos de la consulta y quiero que al pinchar sobr el link este me habra la ventana con los datos de ese registro.

tabla:

| Nombre | Apellido | etc |
----------------------------------
actualizar| Fabian | Ruedas |etc |
----------------------------------
actualizar| Esteban | Rios |etc |
  #4 (permalink)  
Antiguo 18/06/2014, 16:47
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 17 años, 1 mes
Puntos: 292
Respuesta: Variables por url desde javascript
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
__________________
Salu2!
  #5 (permalink)  
Antiguo 19/06/2014, 10:07
Avatar de caricatos
Moderador
  
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Variables por url desde javascript
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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 19/06/2014, 10:27
Avatar de Alexis88
Philosopher
  
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Variables por url desde javascript
Cita:
Iniciado por caricatos Ver Mensaje
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
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

― Ayn Rand
  #7 (permalink)  
Antiguo 19/06/2014, 15:05
 
Fecha de Ingreso: septiembre-2012
Ubicación: Norte de Santander
Mensajes: 127
Antigüedad: 11 años, 7 meses
Puntos: 1
Respuesta: Variables por url desde javascript
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.

Etiquetas: funcion, html, input, js, php, url, variable, variables
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 12:23.