Tema: popup en boton php
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/10/2015, 03:55
ddaavviidd
 
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...