Autocompletar campo con Suma de otros campos

[C2am]

Hola
Bueno, eso que dice el título.
No tengo mucha idea de javascript, y quería que me orienten un poco.
La cuestión es: actualizar la fecha de un torneo de futbol.
Lo que quiero es que a medida que voy poniendo la cantidad de goles que hizo cada jugador, en otro campo se vayan sumando los goles de todos los jugadores de cada equipo, de manera de no tener que poner el resultado manualmente.

Actualmente tengo la página de administración funcionando en base a php, pero me gustaria ir agregando algunas cositas y de paso ir aprendiendo un poco de javascript.

Muchas gracias por sus respuestas

[_cronos2]

¿Y cuándo quieres que se sumen los campos?

[C2am]

Hola _cronos2
Quiero que el campo "goles Equipo" se vaya actualizando a medida que vaya poniendo los goles convertidos por cada jugador.
¿Se puede hacer sin tener que poner un botón que me realice la suma?

Te dejo una imagen de lo que estoy haciendo en php, por eso quiero evitar el tener que poner manualmente el resultado final, para evitar errores e incongruencias, por ejemplo puede que la suma de todos los jugadores de un equipo sea de 15 goles, pero por error ponga en el resultado final 14.
Sé como verificarlo con php, pero quiero evitar el tener que actualizar la página.



Gracias

[IsaBelM]

con el evento onkeyup en cada campo, llamas a una función. a esta función le pasas dos valores (event y el valor del campo), también necesita una variable global. event lo necesitas por si haces un retroceso(8). busca por el término keyCode para saber el valor de la tecla pulsada. en caso que sea el retroceso tienes que llamar a otra función para recorrer todos los campo y hacer la suma de sus valores, con este valor reescribes el valor de la variable global. en caso que no sea la tecla de retroceso, le sumas el valor del campo a la variable global. con el valor de esta variable rellenas el campo en el que quieres mostrar el total

[_cronos2]

Ejemplo:

Código HTML:

<form name="a" action="" method="post">
1:<input type="text" id="sum_1" value="0" onkeyup='sumar(this);' onkeydown='sumar(this);' onfocus="val(this,'','0');" onblur="val(this,'0','');" /><br />
2:<input type="text" id="sum_2" value="0" onkeyup='sumar(this);' onkeydown='sumar(this);' onfocus="val(this,'','0');" onblur="val(this,'0','');" /><br />
3:<input type="text" id="sum_3" value="0" onkeyup='sumar(this);' onkeydown='sumar(this);' onfocus="val(this,'','0');" onblur="val(this,'0','');" /><br />
4:<input type="text" id="sum_4" value="0" onkeyup='sumar(this);' onkeydown='sumar(this);' onfocus="val(this,'','0');" onblur="val(this,'0','');" /><br />
5:<input type="text" id="sum_5" value="0" onkeyup='sumar(this);' onkeydown='sumar(this);' onfocus="val(this,'','0');" onblur="val(this,'0','');" /><br />
6:<input type="text" id="sum_6" value="0" onkeyup='sumar(this);' onkeydown='sumar(this);' onfocus="val(this,'','0');" onblur="val(this,'0','');" /><br />
Resultado:<input type="text" id="res" value='0' onfocus='this.blur();' />
</form>
 

Código Javascript:

<script type="text/javascript">
function sumar(c){
 var total=0;
 for(i=0;input=c.form.elements[i];i++){
  if(/^sum_/.test(input.id)){
   input.value=input.value.replace(/[A-z]/,'');
   total+=parseInt(input.value);
  }
 }
 document.getElementById('res').value=isNaN(total)?document.getElementById('res').value:total;
}
function val(c,v,t){
 c.value=c.value==t?v:c.value;
}
</script>
 

Como ves para que funcione tienes que poner sum_ al principio de la id de cada input a sumar, los que no empiecen por esa id no serán tomados en cuenta (puedes probarlo con hiddens, campos ocultos, etc. dándoles un value predefinido y verás que no se suma). También ves que el value del campo es 0 por defecto, y si recibe el foco se borra, y si pierde el foco pone 0 si el value es ''. También ves isNaN(total)... Esto es porque si pones una letra en el input te la borra en seguida, pero antes de que te la borre el value del campo resultado es NaN, y queda poco estético. Así, si escribes una letra el value del campo es el que tenía antes. Si tienes alguna duda más dímelo.
Saludos (:

[C2am]

Muchas gracias IsaBelM y _cronos2.
No esperaba el script, pero la verdad que te lo agradezco mucho _cronos2.

Ahora no me queda más que modificar el php para que genere los campos con lo necesario para el javascript.

Muchas gracias a ambos