Bottom is the servosld.htm file that goes with the slider code I posted. Below are the links to the slider.js, bluev_sl.gif,
and bluev_bg.gif files.
http://web.comporium.net/~shb/pix/slider.js
http://web.comporium.net/~shb/pix/bluev_bg.gif
http://web.comporium.net/~shb/pix/bluev_sl.gif
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Zoomkat's SSC-32 Slider Servo Control - Demo #1</title>
<script language="JavaScript" src="http://192.168.1.102:84/slider.js"></script>
</head>
<body>
<form>
<div align="center"><center><table border="0" cellpadding="0">
<tr>
</td>
<form action="">
</form>
<td width="0%">
<form action="http://192.168.1.102:84/?" method="get" name="demoForm" target= 'inlineframe'>
<input name="0" id="sliderValue0" type="Text" size="3">
<script language="JavaScript">
var A_TPL = {
'b_vertical' : true,
'b_watch': true,
'n_controlWidth': 16,
'n_controlHeight': 120,
'n_sliderWidth': 15,
'n_sliderHeight': 16,
'n_pathLeft' : 1,
'n_pathTop' : 1,
'n_pathLength' : 103,
's_imgControl': 'http://192.168.1.102:84/bluev_bg.gif',
's_imgSlider': 'http://192.168.1.102:84/bluev_sl.gif',
'n_zIndex': 1
}
var A_INIT = {
's_form' : 1,
's_name': 'sliderValue0',
'n_minValue' : 500,
'n_maxValue' : 2500,
'n_value' : 1500,
'n_step' : 10
}
new slider(A_INIT, A_TPL);
</script>
<input name="Submit" type="Submit" value="Set 0">
</form>
</td>
<td width="0%">
<form action="http://192.168.1.102:84/?" method="get" name="demoForm" target= 'inlineframe'>
<input name="1" id="sliderValue1" type="Text" size="3">
<script language="JavaScript">
var B_TPL = {
'b_vertical' : true,
'b_watch': true,
'n_controlWidth': 16,
'n_controlHeight': 120,
'n_sliderWidth': 15,
'n_sliderHeight': 16,
'n_pathLeft' : 1,
'n_pathTop' : 1,
'n_pathLength' : 103,
's_imgControl': 'http://192.168.1.102:84/bluev_bg.gif',
's_imgSlider': 'http://192.168.1.102:84/bluev_sl.gif',
'n_zIndex': 1
}
var B_INIT = {
's_form' : 2,
's_name': 'sliderValue1',
'n_minValue' : 500,
'n_maxValue' : 2500,
'n_value' : 1500,
'n_step' : 10
}
new slider(B_INIT, B_TPL);
</script>
<input name="Submit" type="Submit" value="Set 1">
</form>
</td>
</td>
<td width="0%">
<form action="http://192.168.1.102:84/?" method="get" name="demoForm" target= 'inlineframe'>
<input name="2" id="sliderValue2" type="Text" size="3">
<script language="JavaScript">
var C_TPL = {
'b_vertical' : true,
'b_watch': true,
'n_controlWidth': 16,
'n_controlHeight': 120,
'n_sliderWidth': 15,
'n_sliderHeight': 16,
'n_pathLeft' : 1,
'n_pathTop' : 1,
'n_pathLength' : 103,
's_imgControl': 'http://192.168.1.102:84/bluev_bg.gif',
's_imgSlider': 'http://192.168.1.102:84/bluev_sl.gif',
'n_zIndex': 1
}
var C_INIT = {
's_form' : 3,
's_name': 'sliderValue2',
'n_minValue' : 500,
'n_maxValue' : 2500,
'n_value' : 1500,
'n_step' : 10
}
new slider(C_INIT, C_TPL);
</script>
<input name="Submit" type="Submit" value="Set 2">
</form>
</td>
<td width="0%">
<form action="http://192.168.1.102:84/?" method="get" name="demoForm" target= 'inlineframe'>
<input name="3" id="sliderValue3" type="Text" size="3">
<script language="JavaScript">
var D_TPL = {
'b_vertical' : true,
'b_watch': true,
'n_controlWidth': 16,
'n_controlHeight': 120,
'n_sliderWidth': 15,
'n_sliderHeight': 16,
'n_pathLeft' : 1,
'n_pathTop' : 1,
'n_pathLength' : 103,
's_imgControl': 'http://192.168.1.102:84/bluev_bg.gif',
's_imgSlider': 'http://192.168.1.102:84/bluev_sl.gif',
'n_zIndex': 1
}
var D_INIT = {
's_form' : 4,
's_name': 'sliderValue3',
'n_minValue' : 500,
'n_maxValue' : 2500,
'n_value' : 1500,
'n_step' : 10
}
new slider(D_INIT, D_TPL);
</script>
<input name="Submit" type="Submit" value="Set 3">
</form>
</td>
<td width="0%">
<form action="http://192.168.1.102:84/?" method="get" name="demoForm" target= 'inlineframe'>
<input name="4" id="sliderValue4" type="Text" size="3">
<script language="JavaScript">
var E_TPL = {
'b_vertical' : true,
'b_watch': true,
'n_controlWidth': 16,
'n_controlHeight': 120,
'n_sliderWidth': 15,
'n_sliderHeight': 16,
'n_pathLeft' : 1,
'n_pathTop' : 1,
'n_pathLength' : 103,
's_imgControl': 'http://192.168.1.102:84/bluev_bg.gif',
's_imgSlider': 'http://192.168.1.102:84/bluev_sl.gif',
'n_zIndex': 1
}
var E_INIT = {
's_form' : 5,
's_name': 'sliderValue4',
'n_minValue' : 500,
'n_maxValue' : 2500,
'n_value' : 1500,
'n_step' : 10
}
new slider(E_INIT, E_TPL);
</script>
<input name="Submit" type="Submit" value="Set 4">
</form>
</td>
<td width="0%">
<form action="http://192.168.1.102:84/?" method="get" name="demoForm" target= 'inlineframe'>
<input name="5" id="sliderValue5" type="Text" size="3">
<script language="JavaScript">
var F_TPL = {
'b_vertical' : true,
'b_watch': true,
'n_controlWidth': 16,
'n_controlHeight': 120,
'n_sliderWidth': 15,
'n_sliderHeight': 16,
'n_pathLeft' : 1,
'n_pathTop' : 1,
'n_pathLength' : 103,
's_imgControl': 'http://192.168.1.102:84/bluev_bg.gif',
's_imgSlider': 'http://192.168.1.102:84/bluev_sl.gif',
'n_zIndex': 1
}
var F_INIT = {
's_form' : 6,
's_name': 'sliderValue5',
'n_minValue' : 500,
'n_maxValue' : 2500,
'n_value' : 1500,
'n_step' : 10
}
new slider(F_INIT, F_TPL);
</script>
<input name="Submit" type="Submit" value="Set 5">
</form>
</td>
<td width="0%">
<form action="http://192.168.1.102:84/?" method="get" name="demoForm" target= 'inlineframe'>
<input name="6" id="sliderValue6" type="Text" size="3">
<script language="JavaScript">
var G_TPL = {
'b_vertical' : true,
'b_watch': true,
'n_controlWidth': 16,
'n_controlHeight': 120,
'n_sliderWidth': 15,
'n_sliderHeight': 16,
'n_pathLeft' : 1,
'n_pathTop' : 1,
'n_pathLength' : 103,
's_imgControl': 'http://192.168.1.102:84/bluev_bg.gif',
's_imgSlider': 'http://192.168.1.102:84/bluev_sl.gif',
'n_zIndex': 1
}
var G_INIT = {
's_form' : 7,
's_name': 'sliderValue6',
'n_minValue' : 500,
'n_maxValue' : 2500,
'n_value' : 1500,
'n_step' : 10
}
new slider(G_INIT, G_TPL);
</script>
<input name="Submit" type="Submit" value="Set 6">
</form>
</td>
<td width="0%">
<form action="http://192.168.1.102:84/?" method="get" name="demoForm" target= 'inlineframe'>
<input name="7" id="sliderValue7" type="Text" size="3">
<script language="JavaScript">
var H_TPL = {
'b_vertical' : true,
'b_watch': true,
'n_controlWidth': 16,
'n_controlHeight': 120,
'n_sliderWidth': 15,
'n_sliderHeight': 16,
'n_pathLeft' : 1,
'n_pathTop' : 1,
'n_pathLength' : 103,
's_imgControl': 'http://192.168.1.102:84/bluev_bg.gif',
's_imgSlider': 'http://192.168.1.102:84/bluev_sl.gif',
'n_zIndex': 1
}
var H_INIT = {
's_form' : 8,
's_name': 'sliderValue7',
'n_minValue' : 500,
'n_maxValue' : 2500,
'n_value' : 1500,
'n_step' : 10
}
new slider(H_INIT, H_TPL);
</script>
<input name="Submit" type="Submit" value="Set 7">
</form>
</td>
</tr>
</table>
</center></div>
<P>
<a href="#" onClick="NewWindow=window.open('http://192.168.1.102:84/servosld.htm','NewWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=460,height=200,top=,left=');">Put me in a popup Window</a>
<IFRAME name=inlineframe style='display:none'></IFRAME>
</body>
</html>