simular spinner

Deyda · #1 (**permalink**) 28/07/2006, 07:17

Hola!

Necesito simular un spinner (caja de texto en forma de lista que cuando pulsas el scrollbar hacia abajo el numero disminuye y hacia arriba aumenta) para un campo hora.

Si alguien tiene idea de como hacer esto o algo parecido para que el usuario pueda escojer la hora que desea, le agradeceria mucho su ayuda.

NzO · #2 (**permalink**) 28/07/2006, 08:20

Código HTML:

<select name="lista">
<option>24</option>
<option>23</option>
<option>22</option>
<option>21</option>
<option>20</option>
<option>19</option>
<option>18</option>
</select>

Eso?

Deyda · #3 (**permalink**) 28/07/2006, 08:39

NZO gracias por t u respuesta pero no es eso lo que busco es lo que se le llama Spinner en visual foxpro y visual basic. que cuando le das un clic a la flecha hacia arriba el numero va aumentando y cuando le das un clic a la flecha hacia abajo el numero va disminuyendo.

Cap.Buscapina · #4 (**permalink**) 28/07/2006, 10:36

un ejemplo un poco rudimentario pero con estilos e ingenio puede servirte

Cita:

<html>
<head>
<script>
function cambiar(id,v){
campo=document.getElementById(id);
valor=campo.innerHTML*1+v;
if(valor==-1){valor=(id=="hora")?23:59;
}else{
if((valor==24 && id=="hora") || (valor==60 && id=="minutos")){valor="00";
}else{
if(valor>-1 && valor<10){
valor="0"+valor;
}
}
}
campo.innerHTML=valor;
}
</script>
</head>
<body >
<button onClick="cambiar('hora',1)">+</button>
<button onClick="cambiar('hora',-1)">-</button>
<span id="hora">00</span>:<span id="minutos">00</span>
<button onClick="cambiar('minutos',1)">+</button>
<button onClick="cambiar('minutos',-1)">-</button>
</body>
</html>