Calculo de Horas

[Morpheus#2005 1]

bom dia....eu tenho 50 inputs, como é que eu posso fazer para nao ter que repetir 50 vezes o codigo abaixo:

 

<script>

$(document).ready(function(){

       $("#TOT1").blur(function(){

               txtHoraInicial = document.getElementById("HI1");
               txtHoraFinal = document.getElementById("HF1");

               SegundosInicial = (txtHoraInicial.value.substr(0,2) * 3600);
               SegundosInicial += (txtHoraInicial.value.substr(3,2) * 60);

               SegundosFinal = (txtHoraFinal.value.substr(0,2) * 3600);
               SegundosFinal += (txtHoraFinal.value.substr(3,2) * 60);

               HorasTotal = parseInt((SegundosFinal - SegundosInicial)/3600);
               MinutosTotal = parseInt(((SegundosFinal - SegundosInicial)%3600)/60);

               document.getElementById("TOT1").value = HorasTotal + ":" + MinutosTotal;


       });

	 $("#TOT2").blur(function(){

               txtHoraInicial = document.getElementById("HI2");
               txtHoraFinal = document.getElementById("HF2");

               SegundosInicial = (txtHoraInicial.value.substr(0,2) * 3600);
               SegundosInicial += (txtHoraInicial.value.substr(3,2) * 60);

               SegundosFinal = (txtHoraFinal.value.substr(0,2) * 3600);
               SegundosFinal += (txtHoraFinal.value.substr(3,2) * 60);

               HorasTotal = parseInt((SegundosFinal - SegundosInicial)/3600);
               MinutosTotal = parseInt(((SegundosFinal - SegundosInicial)%3600)/60);

               document.getElementById("TOT2").value = HorasTotal + ":" + MinutosTotal;

       });

               });


</script>

 

Obrigado pela ajuda........

[JCMais 75]

Cara, você está usando jQuery, use os metódos dele para pegar os elementos, não tem necessidade de usar document.getElementById('id'); se você possui o $('#id');

 

Lembre-se, funções em javascript são objetos de primeira classe, basicamente, isto é útil para você porque elas podem ser guardadas em uma variável:

 

var myFunction = function(){
   alert('Função chamada.');
};

$('div').hover(myFunction);

 

E estude o objeto this: Afinal, o que é o this?

 

Com esse conhecimento em mãos, você saberá o que fazer. Qualquer dúvida poste. ;)