Quale evento associare ad una funzione ?

**ubbicom** · 07-03-2009, 13:46

Ciao.

Qual'è l'evento tra i vari onclick, onchange, onblur,etc da associare ad una funzione javascript che consente in una pagina web di aggiornare in tempo reale una cella di un form dove viene riportata un'operazione aritmetica eseguita su due celle diverse dello stesso form ?

**cavicchiandrea** · 07-03-2009, 14:33

Domanda un po generica, prova con onkeyup, oppure onkeypress

**ubbicom** · 07-03-2009, 14:57

Originariamente inviato da cavicchiandrea
Domanda un po generica, prova con onkeyup, oppure onkeypress

Si hai ragione, scusa... ho provato con l'evento onkeypress, ma non succede niente.

Vorrei che non appena inserisco i valori numerici nei campi A e B del form, il campo C si aggiornasse dal valore 0 previsto di default al risultato della differenza tra i campi A e B.

Ad esempio:

campo A = 10:00
campo B = 12:00

campo C = passa da valore 0 ( default ) a valore 120.

Questo è il form ( l'ho messo insieme tramite la ricerca... ):

codice:

<html>

<head>
<script language="JavaScript"> 
<!-- 


var difference = function(leftHour, rightHour){
	if(!leftHour || !rightHour)
		return null;
	spt = leftHour.split(":");
	var totLeft = parseInt(spt[0]) * 60 + parseInt(spt[1]);
	spt = rightHour.split(":");
	var totRight = parseInt(spt[0]) * 60 + parseInt(spt[1]);
	return totLeft - totRight;
}

function Calcola()
{

	var diff1 = difference(myForm.B.value, myForm.A.value);
	
	myForm.C.value = diff1

    

}
// -->
</script>

</head>
<body>

<form name="myForm">

Campo A = <input type="text" name="A" size="20" value="10:00">
Campo B = <input type="text" name="B" size="20" value="11:00">



  
Differenza B-A = <input type="text" name="C" size="20" onkeypress="Calcola()" value="0">

</form>

</body>

</html>

**cavicchiandrea** · 07-03-2009, 16:38

L'evento lo devi mettere su A e B, non sul C

**ubbicom** · 07-03-2009, 22:53

Originariamente inviato da cavicchiandrea
L'evento lo devi mettere su A e B, non sul C

OK ho fatto come mi hai detto: ma quando inserisco i primi dati nel form i campi che devono contenere il risultato dell'operazione passano dal valore di default 0 a null... perchè?

Prova tu stesso:

http://free.7host06.com/popigu/form.htm

Grazie.

**br1** · 07-03-2009, 23:20

Originariamente inviato da ubbicom
OK ho fatto come mi hai detto: ma quando inserisco i primi dati nel form i campi che devono contenere il risultato dell'operazione passano dal valore di default 0 a null... perchè?

Prova tu stesso:

http://free.7host06.com/popigu/form.htm

Grazie.

C'e' scritto nella funzione... se i due valori non esistono:

codice:

if(!leftHour || !rightHour)
	return null;

Altro avviene quando ne esiste uno solo...

ciao

**ubbicom** · 07-03-2009, 23:28

Originariamente inviato da br1
C'e' scritto nella funzione... se i due valori non esistono:

codice:

if(!leftHour || !rightHour)
	return null;

Altro avviene quando ne esiste uno solo...

ciao

Grazie, ho capito ed ho modificato così:

codice:

var difference = function(leftHour, rightHour){
	if(!leftHour || !rightHour)
		return 0;
	spt = leftHour.split(":");
	var totLeft = parseInt(spt[0]) * 60 + parseInt(spt[1]);
	spt = rightHour.split(":");
	var totRight = parseInt(spt[0]) * 60 + parseInt(spt[1]);
	return totLeft - totRight;

E' corretto quello che ho scritto?

E poi come si controlla che l'orario inserito nei vari campi del form sia sempre successivo e maggiore rispetto all'orario inserito nel campo del form che lo precede ?

Cioè che in B non può essere inserito un orario inferiore a quello di A e via dicendo ?

Grazie

**Straystudios** · 07-03-2009, 23:42

Intanto facciamo questo:

codice:

<html>
<head>

<script language="JavaScript"> 
<!-- 

function Somma() {
	
	mainForm.Rfield.value = parseInt(mainForm.Afield.value) + parseInt(mainForm.Bfield.value);
   };


function Differenza() {
	
	mainForm.Rfield.value = parseInt(mainForm.Afield.value) - parseInt(mainForm.Bfield.value);
   };

// -->
</script>

</head>
<body>
<tt>
 <form name="mainForm">

  Campo A = <input type="text" name="Afield" size="20" value="">

  Campo B = <input type="text" name="Bfield" size="20" value="">


  

  Campo R = <input type="text" name="Rfield" size="20" value="" readonly> ( Risultato )

  

  <input value="somma  A + B"       type="button" onClick="Somma()"     >

  <input value=" sottrai   A  -  B" type="button" onClick="Differenza()">

 </form>
</tt>

</body>
</html>

**br1** · 08-03-2009, 00:04

Originariamente inviato da Straystudios
Intanto facciamo questo:

codice:

<html>
<head>

<script language="JavaScript"> 
<!-- 

function Somma() {
	
	mainForm.Rfield.value = parseInt(mainForm.Afield.value) + parseInt(mainForm.Bfield.value);
   };


function Differenza() {
	
	mainForm.Rfield.value = parseInt(mainForm.Afield.value) - parseInt(mainForm.Bfield.value);
   };

// -->
</script>

</head>
<body>
<tt>
 <form name="mainForm">

  Campo A = <input type="text" name="Afield" size="20" value="">

  Campo B = <input type="text" name="Bfield" size="20" value="">


  

  Campo R = <input type="text" name="Rfield" size="20" value="" readonly> ( Risultato )

  

  <input value="somma  A + B"       type="button" onClick="Somma()"     >

  <input value=" sottrai   A  -  B" type="button" onClick="Differenza()">

 </form>
</tt>

</body>
</html>

Perdona l'appunto, ma se per risolvere il problema specifico hai intenzione di partire dall'ABC ....

**ubbicom** · 08-03-2009, 00:09

Originariamente inviato da br1
Perdona l'appunto, ma se per risolvere il problema specifico hai intenzione di partire dall'ABC ....

Il mio problema è il seguente

:

E poi come si controlla che l'orario inserito nei vari campi del form sia sempre successivo e maggiore rispetto all'orario inserito nel campo del form che lo precede ?

Cioè che in B non può essere inserito un orario inferiore a quello di A e via dicendo ?

Discussione: Quale evento associare ad una funzione ?

Strumenti discussione

Ricerca discussione

Visualizza

Quale evento associare ad una funzione ?

Genesi (1, 1)

Re: Genesi (1, 1)

Re: Re: Genesi (1, 1)

Permessi di invio