Tema: popup en boton php
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 27/10/2015, 05:39
ddaavviidd
 
Fecha de Ingreso: octubre-2015
Mensajes: 2
Antigüedad: 9 años
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.