Tema: Javascript no funciona
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 04/02/2011, 12:17
clavena
 
Fecha de Ingreso: septiembre-2010
Ubicación: Santiago, Chile
Mensajes: 47
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: Javascript no funciona
Al fin ya se arreglo, el problema ahora es que cuando coloco como hora inicio 11:10 y hora termino 13:12 por ejemplo me de resultado 2:2, como lo hago para que quede 02:02???

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Documento sin t&iacute;tulo</title>
  6.  
  7. <script language="javascript">
  8.  
  9. function calcHr(){
  10.  
  11.     var hr = parseInt(document.getElementById("hr_2").value) - parseInt(document.getElementById("hr_1").value);
  12.     var min = parseInt(document.getElementById("min_2").value) - parseInt(document.getElementById("min_1").value);
  13.     
  14.     if(min<0) {
  15.         min = min + 60;
  16.         hr = hr -1;
  17.         document.getElementById("uf").value = hr + ":" + min;
  18.     }
  19.     else{
  20.         document.getElementById("uf").value = hr + ":" + min;
  21.     }
  22.     
  23.     }
  24.  
  25. </script>
  26. </head>
  27.  
  28. <body>
  29. <blockquote>
  30.   <blockquote>
  31.     <blockquote>
  32.       <blockquote>
  33.         <blockquote>
  34.           <blockquote>
  35.             <blockquote>
  36.               <blockquote>
  37.                 <p>&nbsp;</p>
  38.                 <p>&nbsp;</p>
  39.                 <form id="frm" name="frm">
  40.                   <table width="350" align="center">
  41.                     <tr>
  42.                       <td width="157"><div align="right">Hora Inicio: </div></td>
  43.                       <td width="89"><div align="right">
  44.                         <input name="hr_1" type="text" id="hr_1" size="5" />
  45.                         : </div></td>
  46.                       <td width="90"><div align="left">
  47.                         <input name="min_1" type="text" id="min_1" size="5" />
  48.                       </div></td>
  49.                     </tr>
  50.                     <tr>
  51.                       <td><div align="right">Hora Termino: </div></td>
  52.                       <td><div align="right">
  53.                         <input name="hr_2" type="text" id="hr_2" size="5" />
  54.                         : </div>
  55.                           <div align="right"></div>
  56.                         <div align="right"></div></td>
  57.                       <td><div align="left">
  58.                         <input name="min_2" type="text" id="min_2" size="5" />
  59.                       </div></td>
  60.                     </tr>
  61.                     <tr>
  62.                       <td colspan="3"><div align="center">
  63.                         <input type="button" name="Submit" value="Calcular" onclick="calcHr()" />
  64.                       </div></td>
  65.                     </tr>
  66.                     <tr>
  67.                       <td><div align="right">Total UF: </div></td>
  68.                       <td colspan="2"><div align="center">
  69.                         <input name="uf" type="text" id="uf" />
  70.                       </div></td>
  71.                     </tr>
  72.                   </table>
  73.                 </form>
  74.               </blockquote>
  75.             </blockquote>
  76.           </blockquote>
  77.         </blockquote>
  78.       </blockquote>
  79.     </blockquote>
  80.   </blockquote>
  81. </blockquote>
  82.  
  83.  
  84. </body>
  85. </html>
Última edición por clavena; 04/02/2011 a las 12:26