Board Logo

slider with two input boxes
pacify360 - 2/3/2007 at 05:49 PM

I was looking for a cross browser web enabled slider with TWO input boxes (as in having 'to' and 'from' numbers represented on screen....)

After having spent the better part of today TRYING to modify the source code (and consequently giving up) I thought I would post the solution I found. Obviously I am no javascript wiz, and unless you are I would not advise tampering with the source code as it is fairly complex. Instead, you can simply create a <div> inside your body tag that calls a javascript function. The javascript function modifies the second box onMouseWhatever to give the appearance of having two boxes.

Like this:

<body>
<div onMouseUp="modify_high_textbox();">
[ your html ]
</div>
</body>

The javascript function (placed in your header) looks like this:

<script language="JavaScript">
function modify_high_textbox()
{
document.demoForm.sliderValueHigh.value=document.demoForm.sliderValueLow.value
}
</script>


Softcomplex: http://www.softcomplex.com/
Back to forum: http://www.softcomplex.com/forum/