Foros del Web - Ver Mensaje Individual

furoya · #6 (**permalink**) 09/08/2010, 07:48

Es cierto, en la página del enlace no está. Puede que sólo contemple código estándar, o sólo etiquetas HTML para formularios; mirando bien, tampoco está el botón deslizable range.

Lo que buscas se llama "spin button". En IExplorer existe desde hace mucho, pero como objeto y en VBS, quizá se pueda usar con JScript, ahora no me acuerdo.

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>SPIN BUTTON. </title>
<script type="text/javascript">
function actualiza(TV){
document.frm.botonRot.Value = TV;
}
</script>

<script type="text/javascript" for="botonRot" event="SpinDown">
status = "ABAJO";
</script>

<script type="text/javascript" for="botonRot" event="SpinUp">
status = "ARRIBA";
</script>

<style type="text/css">
body{font-size:100%; font-family:"times new roman"; }
#botonRot{height:1.4em}
input{height:1.6em; margin-bottom:0.25em; font-size:0.78em; }
</style>
</head>
<body>
<h2>Crea un bot&oacute;n para rotar valores con un <tt>object</tt>. (VBS)</h2>
S&oacute;lo IExplorer. <br>

<form name="frm">
  Spin Button (0 a 100): 
<input type="text" name="valorRot" value="50" size="4" onchange="actualiza(this.value)" /> 

<object classid="clsid:79176FB0-B7F2-11CE-97EF-00AA006D2776" id="botonRot" codebase="http://activex.microsoft.com/controls/mspert10.cab">
<param name="ForeColor" value="2157000000">
<param name="BackColor" value="2147483663">
<param name="VariousPropertyBits" value="27">
<param name="Size" value="344;582"> /*ANCHO;ALTO*/
<param name="Min" value="0">
<param name="Max" value="100">
<param name="Position" value="50"> /*VALOR INICIAL*/
<param name="PrevEnabled" value="1">
<param name="NextEnabled" value="1">
<param name="SmallChange" value="1"> /*GRADO*/
<param name="Orientation" value="4294967295">
<param name="Delay" value="250">
<param name="MousePointer" value="1"> /*0=mantiene input?; 1=default; 2=crosshair; 3=text; 4=; 5=move; 6=NE; 7=N; 8=NO; 9=O*/
</object>

</form>

<script type="text/VBScript">
Sub botonRot_Change
document.frm.valorRot.value = document.frm.botonRot.value
End Sub
</script>

<!--

Eventos : SpinUp , SpinDown , change

<script type="text/VBScript">
Sub botonRot_SpinUp
NNNN
End Sub 
Sub botonRot_SpinDown
NNNN
End Sub
</SCRIPT>

-->
</body>
</html>

Y también es cierto lo de hacerlo "a mano" que dice masterojitos; su escript no funciona bien, pero es un detalle. Aunque yo lo intenté una vez, y el formato me dio algunos problemas. La idea sería usar los recursos del navegador, pero creo que al final tuve que meter una imagen para los botones. Y se me complicó al usar medidas relativas.

http://msdn.microsoft.com/en-us/library/ms952594.aspx

http://www.switchonthecode.com/tutor...e-spin-control

http://www.brothersoft.com/web-spinb...ol-339053.html (éste no lo probé)

slidebar / trackbar en html ...

Edición :

Ahora ya existe. Aunque en HTML 5. (Bah, hay navegadores que lo muestran igual con otro Doctype.)

Código:

<input type="number">