Foros del Web » Programando para Internet » Jquery »

popup en boton php

 Estas en el tema de popup en boton php en el foro de Jquery en Foros del Web. Buenas dias amigos (es mi primera entrada )!! Quisiera poner unos botones de unos usuarios, al pulsar cada uno sale un popup(esta parte no la ...
  #1 (permalink)  
Antiguo 27/10/2015, 03:55
 
Fecha de Ingreso: octubre-2015
Mensajes: 2
Antigüedad: 9 años, 1 mes
Puntos: 0
Pregunta popup en boton php
Buenas dias amigos (es mi primera entrada)!!
Quisiera poner unos botones de unos usuarios, al pulsar cada uno sale un popup(esta parte no la consigo) entonces te pide el dni(el dni lo coge de mi DB) si es correcto ejecuta el boton y pasa a la siguiente pagina, sino lo es no hace nada(un poco chano pero me sirve).

Entonces nose como hacer para que al darle a cada boton me salga el popup que pongo comentado abajo del todo como ejemplo... Si alguien me puede ayudar?? Gracias :)

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.     <meta name="viewport" content="width=device-width">
  4.     <meta name="mobile-web-app-capable" content="yes">
  5.     <link rel="icon" sizes="192x192" href="/icon.png">
  6.     <head>
  7.         <meta charset="utf-8">
  8.         <meta name="viewport" content="width=device-width, initial-scale=1">
  9.         <title>Z</title>
  10.         <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.4.5.css">
  11.         <script src="jquery.mobile/jquery.js"></script>
  12.         <script src="jquery.mobile/jquery.mobile-1.4.5.js"></script>
  13.          <link href="../assets/jquery.signaturepad.css" rel="stylesheet">
  14.          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  15.       <!--  <link rel="stylesheet" href="css/signature-pad.css">-->
  16.         <link rel="stylesheet" type="text/css" href="fondo.css" media="screen" />
  17.  
  18.  
  19.       
  20.         <script>
  21.   
  22.             <!--Los botones tienen un código-->
  23.                data-dni="<?=$row['DNINIF']?>" onclick="dniEmpleado = $(this).data('dni')"; 
  24.             <!--  que guarda el DNI del empleado-->
  25.             // Y al hacer click lo guarda en esta variable
  26.             var dniEmpleado = '';
  27.             // El botón del popup llamará a este método para comprobar si el DNI introducido es el correcto
  28.             function comprobarDNI() {
  29.                 var dniIntroducido = $('#pw').val();
  30.                
  31.                 if(dniIntroducido == dniEmpleado) {
  32.                     // El DNI es correcto. La ejecución del botón continúa
  33.                     return true;   
  34.                 } else {
  35.                     // El DNI es incorrecto. No se ejecutará el botón
  36.                     return false;
  37.                 }
  38.             }       
  39. </script>
  40.     </head>
  41.     
  42.      <body >
  43.         <div data-role="page"  data-theme="a" >
  44.             <div data-role="header" style="text-transform: uppercase;" data-theme="b">
  45.                 <h1>INICIO</h1><!--<div data-theme="a" id="reloj" class="reloj">00 : 00 : 00</div>--><a href="#"><img  src="imagenes/icono.png" height="73" width="73" ></a>
  46.             </div>
  47.           
  48.             <br><br><br><br><br>
  49.             <div data-role="main">
  50.           
  51.                 <div class="ui-content">
  52.                 
  53.                     <?php
  54.                     require 'db.php';
  55.    $sql = 'select * from Empleados WHERE EmpleadoID IN(1, 4, 7, 8, 10, 11, 12, 13, 15, 18, 19, 20) order by Alias';
  56.                     foreach ($conn->query($sql) as $row):                    
  57.                      ?>
  58.  
  59.  <a href="tecnicos.php?tecnicoId=<?= $row['EmpleadoID'] ?>" data-dni="<?=$row['DNINIF']?>" onclick="dniEmpleado = $(this).data('dni');" data-role="button" data-inline="true" data-mini="false" data-theme="a" ><img src ="imagenes/icono-usuarios.png" height="110" width="117" ><br><?= $row['Alias'] ?><a/>
  60.  
  61. <?php endforeach ?>
  62.  
  63.  <!-- POPUP EJEMPLO-->
  64.                  <a href="#popupLogin" data-rel="popup" data-transition="slidedown" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check ui-btn-icon-left ui-btn-a" data-transition="pop">BOTON EJEMPLO</a>
  65. <div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all">
  66.     <form action="" method="">
  67.         <div style="padding:10px 20px;">
  68.             <h3 align="center">INTRODUCE LA CLAVE</h3>   
  69.            <!--<label for="un" class="ui-hidden-accessible">Username:</label>
  70.             <input name="user" id="un" value=""  data-theme="a" type="text">-->
  71.            <label for="pw" class="ui-hidden-accessible">Password:</label>
  72.             <input name="pass" id="pw" value="" data-theme="a" type="text">
  73.             <button type="submit" data-inline="true" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check" onclick="return comprobarDNI()">ACEPTAR</button>
  74.         </div>
  75.     </form>
  76.     </div>
  77.     <!--FIN POPUP EJEMPLO-->
  78.         </div>
  79.                </div>
  80.  
  81.                  </div>
  82.    
  83. </body>
  84. </html>

No se si me he podido explicar bien...
  #2 (permalink)  
Antiguo 27/10/2015, 05:39
 
Fecha de Ingreso: octubre-2015
Mensajes: 2
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: popup en boton php
He corregido algun error del codigo.... me falta que salga un popup por cada boton puesto con el select, ahora solo tengo uno puesto de ejemplo pero quiero que me salga en los puestos con el "$sql = 'select * from Empleados WHERE EmpleadoID IN(1, 4, 7, 8, 10, 11, 12, 13, 15, 18, 19, 20) order by Alias';
foreach ($conn->query($sql) as $row): "

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.     <meta name="viewport" content="width=device-width">
  4.     <meta name="mobile-web-app-capable" content="yes">
  5.     <link rel="icon" sizes="192x192" href="/icon.png">
  6.     <head>
  7.         <meta charset="utf-8">
  8.         <meta name="viewport" content="width=device-width, initial-scale=1">
  9.         <title>Z</title>
  10.         <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.4.5.css">
  11.         <script src="jquery.mobile/jquery.js"></script>
  12.         <script src="jquery.mobile/jquery.mobile-1.4.5.js"></script>
  13.          <link href="../assets/jquery.signaturepad.css" rel="stylesheet">
  14.          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  15.       <!--  <link rel="stylesheet" href="css/signature-pad.css">-->
  16.         <link rel="stylesheet" type="text/css" href="fondo.css" media="screen" />
  17.  
  18.  
  19.         <script>
  20.   
  21.     
  22.             <!--Los botones tienen un código-->
  23.          <!-- data-dni="<?php /*?><?=$row['DNINIF']?><?php */?>" onclick="dniEmpleado = $(this).data('dni')"; -->
  24.             <!--  que guarda el DNI del empleado-->
  25.             // Y al hacer click lo guarda en esta variable
  26.             <!--var dniEmpleado = '';-->
  27.             // El botón del popup llamará a este método para comprobar si el DNI introducido es el correcto
  28.             
  29.             
  30.             function comprobarDNI() {
  31.                 var dniIntroducido = $('#pw').val();
  32.                
  33.                 if(dniIntroducido == dniEmpleado) {
  34.                     // El DNI es correcto. La ejecución del botón continúa
  35.                     return true;   
  36.                 } else {
  37.                     // El DNI es incorrecto. No se ejecutará el botón
  38.                     return false;
  39.                 }
  40.             }
  41.                         
  42. </script>   
  43.     </head>
  44.      <body onbeforeunload="return myFunction8()">
  45.         <div data-role="page"  data-theme="a" >
  46.             <div data-role="header" style="text-transform: uppercase;" data-theme="b">
  47.                 <h1>INICIO</h1><!--<div data-theme="a" id="reloj" class="reloj">00 : 00 : 00</div>--><a href="#"><img  src="imagenes/icono.png" height="73" width="73" ></a>
  48.             </div>
  49.           
  50.             <br><br><br><br><br>
  51.             <div data-role="main">
  52.           
  53.                 <div class="ui-content">
  54.                 
  55.                     <?php
  56.                     require 'db.php';
  57.    $sql = 'select * from Empleados WHERE EmpleadoID IN(1, 4, 7, 8, 10, 11, 12, 13, 15, 18, 19, 20) order by Alias';
  58.                     foreach ($conn->query($sql) as $row):                    
  59.                      ?>
  60.  
  61.  <a href="tecnicos.php?tecnicoId=<?= $row['EmpleadoID'] ?>" data-dni="<?=$row['DNINIF']?>" onclick="dniEmpleado = $(this).data('dni');" data-role="button" data-inline="true" data-mini="false" data-theme="a" ><img src ="imagenes/icono-usuarios.png" height="110" width="117" ><br><?= $row['Alias'] ?><a/>
  62.  
  63. <?php endforeach ?>
  64.  
  65.  <!-- POPUP EJEMPLO a insertar en cada boton del row-->
  66.                  <a href="#popupLogin" data-rel="popup" data-transition="slidedown" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check ui-btn-icon-left ui-btn-a" data-transition="pop">BOTON EJEMPLO</a>
  67. <div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all">
  68.  
  69.     <form action="tecnicos.php?tecnicoId=<?= $row['EmpleadoID'] ?>" method="GET">
  70.         <div style="padding:10px 20px;">
  71.             <h3 align="center">INTRODUCE LA CLAVE</h3>   
  72.            <!--<label for="un" class="ui-hidden-accessible">Username:</label>
  73.             <input name="user" id="un" value=""  data-theme="a" type="text">-->
  74.            <label for="pw" class="ui-hidden-accessible">Password:</label>
  75.             <input name="pass" id="pw" value="" data-theme="a" type="text">
  76.             <button type="submit" data-inline="true" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check" onclick="comprobarDNI()">ACEPTAR</button>
  77.         </div>
  78.     </form>
  79.     </div>
  80.     <!--FIN POPUP EJEMPLO-->
  81.         </div>
  82.                </div>
  83.  
  84.                  </div>
  85.    
  86. </body>
  87. </html>

Gracias.

Etiquetas: php, popup
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 02:51.