It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Programming HTML Forum

Spinner control in html

Spinner control in html

Postby rahulmca1@gmail.com on Mon Jan 15, 2007 7:26 am

Hi Friends,


I need to take time input from user so for that I can use spinner control. We do not have spinner control in html.
How can I implement it so that I do not have to use seperate textboxes for hour,min,sec.

I can use seperate like


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Spiner control</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
<!--
function Spiner(num) {
var obj=document.getElementById('spin');
obj.value=parseInt(obj.value)+num;
}
//-->
</script>
<style type="text/css">
<!--
input {
width:3em;
}
button {
font-weight:bold;
}
-->
</style>
</head>
<body>
<input type="text" id="spin" value="0" />
<button type="button" onclick="Spiner(1);">&uarr;</button>
<button type="button" onclick="Spiner(-1);">&darr;</button>
</body>
</html>

but it would not look good.

what I ant is
Input like 11:34:23 in a single text box with a spinner control working on each of 11,34,23 seperately on selection.

Waiting for your response.
Thanks in advance.
rahulmca1@gmail.com
 
Posts: 0
Joined: Mon Jan 15, 2007 7:16 am

Who is online

Users browsing this forum: No registered users and 4 guests