Foros del Web - Ver Mensaje Individual

emprear · #4 (**permalink**) 22/11/2012, 05:52

Cita:

Iniciado por EriBCN

Ostras!!!

Pues es verdad.
Pero no entiendo qué tiene que ver que no definas un tipo de submit, ya sea con el action o con el onsubmit, si no estoy usando el objeto de formulario submit.

Sólo utilizo botones del tipo button normal y corriente.

De todos modos, por lo visto, con firefox debe ser así para el correcto funcionamiento de estos componentes, así que tomo nota.

MIL GRACIAS!!!

En FF, tanto un tag <button> como un input type="submit", realizan el envío (submit)
deberías utilizar un <input type="button"...>
Además acostumbrate siempre, aunque sea un ejemplo a declarar todas tus variables con var y definir un doctype

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type='text/javascript'>
//<![CDATA[
  var horsum=0;
  var minsum=0;
  var segsum=0;
  
  var horvar=0;
  var minvar=30;
  var segvar=0;
  
  var runvar=1;
  var toVar;
 
      
      
  function cdfunc (hora, minu, segu){
   //alert(segu + minu + hora);
   
   if (runvar==1){
   
    if (segu + minu + hora == 0){
      document.getElementById('cronos').innerHTML=segu;
      horvar=horsum;
      minvar=minsum;
      segvar=segsum;
      alert("Has agotado el tiempo!!");
      document.setime.cdgo.disabled=false;
      document.setime.hor.disabled=false;
      document.setime.min.disabled=false;
      document.setime.seg.disabled=false;
      document.setime.resume.disabled=true;
      document.setime.stopped.disabled=true;
      document.getElementById('crono').style.display='none';
      document.getElementById('datos').style.display='';
    }else{
     //alert(hora + minu + segu);
     if (segu<0){
      minu--;
      segu=59;
      if (minu<0){
       hora--;
       minu=59;
      }
      //alert(hora + minu + segu);
     }
    
     //alert(hora);
     
      document.getElementById('cronoh').innerHTML=hora;
     
     //alert(minu);
      document.getElementById('cronom').innerHTML=minu;
     
     //alert(segu);
      document.getElementById('cronos').innerHTML=segu;
     
     segu--;
     horvar=hora;
     minvar=minu;
     segvar=segu;
     //alert(segu);
    
     toVar = setTimeout('cdfunc(horvar,minvar,segvar)',1000);
    }
   }
  }
  
//]]>
</script>
<title>Cronómetro</title>
</head>
<body>
<br />
<h1>Cronómetro</h1>
<br />
<br />
<br />
<form name="setime" method="get" action="#" id="setime">
<div id="datos"><select name="hor" onblur="horvar=parseInt(this.value);">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="...">... Hasta 23</option>
</select> <select name="min" onblur="minvar=parseInt(this.value);">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="...">... Hasta 59</option>
</select> <select name="seg" onblur="segvar=parseInt(this.value);">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="...">... Hasta 59</option>
</select> <input type="button" name="cdgo" onclick=
"document.setime.cdgo.disabled=true; document.setime.hor.disabled=true; document.setime.min.disabled=true; document.setime.seg.disabled=true; document.setime.resume.disabled=false; document.setime.stopped.disabled=false; document.getElementById('crono').style.display=''; document.getElementById('datos').style.display='none'; horsum=horvar; minsum=minvar; segsum=segvar; cdfunc(horvar,minvar,segvar);"
value="GO" /></div>
<br />
<br />
<br />
<br />
<br />
<div id="crono">
<p style="width:100%; text-align:center; font-size:48px;"><span id="cronoh">00</span> : <span id="cronom">00</span> : <span id="cronos">00</span></p>
<br />
<br />
<input type="button" name="resume" onclick="runvar=1; cdfunc(horvar,minvar,segvar); document.setime.resume.disabled=true; document.setime.stopped.disabled=false;" value="REANUDAR" /><input type=
"button" name="stopped" onclick="runvar=0; document.setime.stopped.disabled=true; document.setime.resume.disabled=false;" value="PAUSAR" /></div>
</form>
<script type='text/javascript'>
//<![CDATA[
  document.setime.resume.disabled=true;
  document.setime.stopped.disabled=true;
  document.getElementById('crono').style.display='none';
//]]>
</script>
</body>
</html>

Saludos