Foros del Web » Programando para Internet » Javascript »

Javascript no funciona

 Estas en el tema de Javascript no funciona en el foro de Javascript en Foros del Web. Este codigo que es mas simple tampoco me funciona, donde tengo el error???? @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
  #1 (permalink)  
Antiguo 03/02/2011, 12:23
 
Fecha de Ingreso: septiembre-2010
Ubicación: Santiago, Chile
Mensajes: 47
Antigüedad: 14 años, 3 meses
Puntos: 0
Javascript no funciona
Este codigo que es mas simple tampoco me funciona, donde tengo el error????

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)) - parseInt(document.getElementById(hr_1));
  12.     var min = parseInt(document.getElementById(min_2)) - parseInt(document.getElementById(min_1));
  13.     
  14.     if(min)<0){
  15.         min = min + 60;
  16.         hr = hr -1;
  17.         document.getElementById(uf).value = hr.toString() + ":" + min.toString();
  18.     }
  19.     else{
  20.         document.getElementById(uf).value = hr.toString() + ":" + min.toString();
  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>
  #2 (permalink)  
Antiguo 03/02/2011, 12:46
Colaborador
  
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 16 años, 8 meses
Puntos: 528
Respuesta: Javascript no funciona
Imagino que esto viene de otro post, que deberías hacer continuado en vez de abrir otro nuevo sin aclaración de ningún tipo.

Te recomiendo usar firefox con el addon firebug, que te puede indicar errores en javascript.

Sin conocer antecedentes, a simple vista quizá estás declarando el javascript incorrectamente, en vez de
<script language="javascript">

usualmente se maneja <script type="text/javascript">

y no veo necesario nombrar al botón con submit, puede llevar otro nombre o simplemente no llevarlo.
  #3 (permalink)  
Antiguo 03/02/2011, 12:54
Avatar de caricatos
Moderador
  
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 9 meses
Puntos: 1284
Respuesta: Javascript no funciona
Hola:

Estás intentando operar con tags cuando se supone que son sus "valúes"

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 03/02/2011, 14:05
 
Fecha de Ingreso: septiembre-2010
Ubicación: Santiago, Chile
Mensajes: 47
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Javascript no funciona
Primero que todo la declaracion del javascript esta bien, la he hecho siempre asi, y segundo, como es eso de operar con los tag???, lo estoy haciendo mal??
  #5 (permalink)  
Antiguo 03/02/2011, 17:05
Avatar de caricatos
Moderador
  
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 9 meses
Puntos: 1284
Respuesta: Javascript no funciona
Hola:

var hr = parseInt(document.getElementById(hr_2).value) - parseInt(document.getElementById(hr_1).value);

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 04/02/2011, 07:37
 
Fecha de Ingreso: septiembre-2010
Ubicación: Santiago, Chile
Mensajes: 47
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Javascript no funciona
Pucha igual no me muestra el resultado, que será???
  #7 (permalink)  
Antiguo 04/02/2011, 08:22
Avatar de _cronos2
Colaborador
  
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 14 años, 7 meses
Puntos: 310
Respuesta: Javascript no funciona
Cita:
Iniciado por clavena Ver Mensaje
if(min)<0){
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #8 (permalink)  
Antiguo 04/02/2011, 12:17
 
Fecha de Ingreso: septiembre-2010
Ubicación: Santiago, Chile
Mensajes: 47
Antigüedad: 14 años, 3 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

Etiquetas: Ninguno
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:15.