sistema para sacar valores medios entre inputs...

[fiestero_dg]

holaaa, aqui vuelvo a dar un poco el coñazo... bueno mi reclamo puede ser un poco complicado pero intentare explicarlo lo mejor posible haber si pueden ayudarme...

quiero conseguir un sistema en el tengo 24 inputs donde voy a ir insertando una serie de valores, hasta ahi facil... esos valores se comparan con otros para hayar una media final, y esa media final quiero que, a medida que voy metiendo los 24 valores se vayan reflejando en otro input que iran justo debajo...

es decir un evento onChange por cada input donde voy introduciendo los valores q aga lo siguiente: coja el valor que introduzco, lo compare con el valor predeterminado y refleje el resultado de la media en otro input que ira justo debajo.

espero que m podais ayudar, gracias de antemano

[fiestero_dg]

aqui os dejo un ejemplo, un poco cutre pero creo que aclarativo, de lo que mas o menos quisiera hacer:

| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
-----------------------------------------------------------
|1,5 | 2 | 2.5| 3 | 5.5| 6 | | | | |
-----------------------------------------------------------
|0,5 | 0 |-0.5| -1 | 0.5| 0 | | | | |

[Keysher]

Para hacer esto con PHP necesitas usar AJAX o algo parecido. PHP es un lenguaje que se interpreta en el servidor y envía los resultados al cliente (un navegador en éste caso). Para hacer lo que tú quieres necesitas que, una vez enviada la página al navegador, se sigan realizando instrucciones. La única manera de hacer esto con PHP a secas sería recargar la página cada vez que se introduzca un valor. Pero esto es inaceptable por razones obvias.

Se podría hacer con AJAX, y que cada vez que se modifique un valor, se mande al servidor, haga las operaciones y devuelva el valor. Pero eso sería malgastar ancho de banda y procesador del servidor.

Así que en tu caso tendrías que echar mano de JavaScript, no creo que resulte muy complicado hacer lo que quieres, preguntalo en el foro correspondiente.

[fiestero_dg]

a eso mismo me referia a una funcion javascript que lo hiciera...

[Keysher]

Pues eso deberías preguntarlo en el foro de javascript...

Yo haría algo así:
Una función que reciba un valor y se encargue de sacar esa media y ponerla en donde quieras (con un getElementByID, etc...)

En el campo modificable un evento onChange que llame a la función antes mencionada pasandole como parámetro el valor nuevo del campo...

Pero vamos, para eso existe el foro de JavaScript, allí te podrán ayudar mucho mejor.

[fiestero_dg]

ok... preguntare mejor alli xq va a ser mas complicao q eso q m comentas... no es tan simple, weno tal como yo lo planteo no asi d simple, gracias keysher

[GatorV]

Tema trasladado a Javascript.

[fiestero_dg]

x favor... alguna alma caritativa que pueda exarme una mano???

[matak]

Prueba esto a ver si es lo que buscas

Código javascript:

<script>
 
function calculaMedia() {
  var suma = 0;
  var i = 0;
  var elem = 0;
  
  while (i<=5) {
  id="elem"+i;
    if (document.getElementById(id).value!=''){
      suma=suma+parseInt(document.getElementById(id).value);
      elem++;
    }
  i++;
  }
  
  document.getElementById('total').value=suma/elem;
}
 
 
</script>
 

Código HTML:

<input type="text" id="elem0" value='' onChange="javascript:calculaMedia()"/>
<input type="text" id="elem1" value='' onChange="javascript:calculaMedia()"/>
<input type="text" id="elem2" value='' onChange="javascript:calculaMedia()"/>
<input type="text" id="elem3" value='' onChange="javascript:calculaMedia()"/>
<input type="text" id="elem4" value='' onChange="javascript:calculaMedia()"/>
<input type="text" id="elem5" value='' onChange="javascript:calculaMedia()"/>
<br />
<br />
ToTaL:<input type="text" id="total" value=''/> 

Saludos

[fiestero_dg]

casi casi, este es un codigo con el q estoy aciendo pruebas, en este caso solo tengo dos inputs donde introduzco los valores:

cojo el valor del input y le paso el indice del input "resultado" que corresponde (medido1 con desvi1, medido2 con desvi2, etc)

<script>
function calculaMedia(n,i){
id="desvi"+i;
document.getElementsById(id).value = n.value;
}
</script>

<form>
<input type="text" class="inputnumeros5" id="medido1" onChange="calculaMedia(this,1)" value=''>
<input type="text" class="inputnumeros5" id="medido2" onChange="calculaMedia(this,2)" value=''><br>
<input type="text" class="inputnumeros5" id="desvi1" disabled="disabled" value=''>
<input type="text" class="inputnumeros5" id="desvi2" disabled="disabled" value=''>
</form>

pero no m carga el valor resultante en los inputs "resultado"

[fiestero_dg]

Bueno con las aportaciones dadas, que os agradezco, y con un poco de ingenio, tampoco tanto :p, conseguido hacer lo que keria... mas o menos. Lo he planteao de esta manera:

Código:

function calculaMedia(){
		for(i=1;i<11;i++){
			medido="medido"+i;
			desvi="desvi"+i;
			if(document.getElementById(medido).value!='')
				document.getElementById(desvi).value=document.getElementById(medido).value-i;
		}
	}

Código HTML:

<form>
<?PHP
	for($i=1;$i<11;$i++) {
		echo '<input type="text" class="inputnumeros5" id="medido'. $i .'" onChange="calculaMedia()" value="">';
	}
	echo '<br>';
	for($i=1;$i<11;$i++) {
		echo '<input type="text" class="inputnumeros5" id="desvi'. $i .'" onFocus="deshabilitar(this)" onBlur"habilitar(this)" value="">';
	}
?>
</form> 

Ahora bien... me gustaria pasar a la segunda parte de esta funcion y es la siguiente:
quiero, que dependiendo del valor de la diferencia (resultado) se cambie la funete d un color u otro y ademas, que cuando me coloque (onFocus) sobre los inputs resultantes desabilitarlo (cosa que ya consigo) y cuando salga de esa celda o input se vuelva a habilitar (esto es lo que no consigo hacer)

Para esto ultimo e probao con el evento onFocus para deshabilitar y el onBlur para volver a habilitar pero... me se queda dehabilitao ya... help me please!!!

gracias de antemano.

[matak]

Eso que intentas no puede ser. Piensa que cuando haces un focus desbilitas el elemento por lo tanto no llegas a focalizar el foco en ese elemento. Al no estar focalizado en el elemento y este estar disabled nunca podra saltar elevento onblur. No se si me explico. Tendrás que pensar en otra forma...

[fiestero_dg]

buena teoria matak... de todas maneras creo que e solventado ya esa parte... añadiendo en la funcion de calculamedia un readOnly a todos los inputs resultantes... asi no podre modificarlos y tambien conservo el color de la fuente...

aora lo que estaba intentando hacer es lo del cambio de la fuente de texto... que todavia no he encontrado la manera... sera una tonteria seguro... pero asi estoy :P javascript la verdad es q no stoy muy puesto aun

quien sabe como cambiar el color d la fuente de los inputs text??

[matak]

prueba con

document.getElementById(id_input).style.color="#34 52f2"

[fiestero_dg]

bueno.... una vez mas creo que puedo despedirme y dar por finalizada mi cuestion. He conseguio q aga todo lo q queria q hiciera... para la ultima cuestion de los colores, simplemente e definio en mi hoja de estilos (CSS) 3 situaciones distintas, uno con cada color del texto, y voy cambiandolo con la propiedad .className="NombreClase" es bastante util.

gracias a todos los que habeis intervenido y espero daros pronto otra vez el coñazo, xq significara que sigo indagando y buscando nuevas soluciones con javascript o php sobre todo.

muxas gracias a todos. un saludo

[fiestero_dg]

una unica cosa... porque no m reconoce los valores negativos en las comparaciones??

Código:

if(valor<='1.5' && valor>='-1.5'){
	if(valor<='0.5' && valor>='-0.5')
		document.getElementById(desvi).className="inputverde";
	else
		document.getElementById(desvi).className="inputnaranja";
}
else
	document.getElementById(desvi).className="inputrojo";

aqui le digo segun el margen de error que me cambie a un estilo u otro... los valores positivos m los coje... los negativo no porque?

[fiestero_dg]

jejej esto parece un monologo... vale, era simplemente quitar las comillas... una tonteria