
14/07/2011, 14:21
|
| | Fecha de Ingreso: abril-2002
Mensajes: 1.014
Antigüedad: 22 años, 10 meses Puntos: 8 | |
Respuesta: Lista con textarea; máquina de escribir y cálculos. Hola thunderwolf,
Aquí te dejo un código que te servirá de ejemplo para continuar trabajando sobre él... y te recomiendo que intentes ser más concreto en las preguntas que realices e intenta abrir un post para cada problema... que la ayuda que puede prestar cada uno es voluntaria (y a veces no se puede disponer del tiempo para responder).
Un saludo.
Código:
<html>
<head>
<title>Ejemplo</title>
<script type="text/JavaScript">
function comprobar()
{
var valor = document.getElementById("txtEntrada").value;
// Valores de cada nivel
// Ten en cuento que los elementos de un array comienzan desde cero
var rangos = [ 1000, 1300, 1700, 2200, 2800, 3500, 4300, 5200, 10000 ];
// Inicializamos con el nivel mínimo (1 = PEON)
var nivel = 0;
// Recorremos el array
for( var contador=0; contador <= 8; contador++ )
{
// Si el valor introducido es MAYOR O al límite de puntos máximo del nivel que estamos comprobando
if( valor <= rangos[contador] )
{
nivel = contador;
break;
}
}
// Si el valor es mayor del máximo, se devuelve el nivel máximo permitido
if( valor > 10000 )
nivel = 8;
alert("Nivel: " + nivel);
// Seleccionar en la lista
document.getElementById("lista2").selectedIndex = nivel;
}
</script>
</head>
<body>
<form name="form1" method="post" action="#" >
<label for="txt1">Escribe un valor</label>
<input type="text" id="txtEntrada" name="txtEntrada" />
<label for="lista2">Selecciona:</label>
<select id="lista2" size="1" style="width: 370; color: #00ff00; background-color: #000000; font-size: 100%; font-family: Arial black">
<option value="1">Peón</option>
<option value="2">Cocinero</option>
<option value="3">Soldado</option>
<option value="4">Tesorero</option>
<option value="5">Reclutador</option>
<option value="6">Cazador</option>
<option value="7">Iniciado</option>
<option value="8">Aprendiz de Chamán</option>
<option value="9">Chamán de la Tribu</option>
<option value="10">Jefe Espiritual</option>
</select>
<input type="button" id="btnComprobar" name="btnComprobar" value="Comprobar" onclick="comprobar();" />
</form>
</body>
|