Hi Geoff,
I have edited your script below. Please download the prototype.js
that i have included.
1. Update the url of the CGI script in function saveIt().
2. In the CGI Script, find the slider value in "SliderVal" parameter.
Test if it works.... It should.
- Peroli Sivaprakasam
_______________ _______________ _____________
[UNTESTED]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<HEAD>
<SCRIPT
SRC="http://www.micro-active.com/slider/christiaan/slider.js"></SCRIPT>
<SCRIPT
SRC="http://prototype.conio .net/dist/prototype-1.3.1.js"></SCRIPT>
<SCRIPT>
var mySlider1 = new Slider( "Slider1" );
mySlider1.leftV alue = 0;
mySlider1.right Value = 10;
mySlider1.defau ltValue = 0;
mySlider1.offse tX = 1;
mySlider1.offse tY = 1;
mySlider1.maxSl ide = 258;
mySlider1.onmou seover = "self.status='T ry me!'";
mySlider1.onmou sedown = "self.status='Y ou start
at'+this.getVal ue(0)";
mySlider1.onmou seup = "self.status='Y ou end at '+this.getValue (0)";
mySlider1.oncha nge = "self.status='T he current value
is'+this.getVal ue(0)";
mySlider1.oncli ck = "this.setValue( this.defaultVal ue)";
mySlider1.oncha nge
="document.getE lementById('Sli der1ValueText') .innerHTML
=''+this.getVal ue(0)";
//---------------------------------------------------------------------
function saveIt()
{
var url = 'http://yourserver/sendMail.cgi';
var pars =
'sliderVal='+do cument.getEleme ntById('Slider1 ValueText').inn erHTML;
var myAjax = new Ajax.Updater('S tatus', url, {method: 'get',
parameters: pars});
}
//---------------------------------------------------------------------
</SCRIPT>
</HEAD>
<BODY onLoad="mySlide r1.placeSlider( )">
<TABLE>
<TR>
<TD COLSPAN="3">
<IMG
SRC="http://www.micro-active.com/slider/christiaan/sliderbg.gif"
NAME="Slider1Ra ilImg" ID="Slider1Rail Img">
<TR>
<TD ALIGN="left"> 0
<TD ALIGN="center"> Slider 1
<TD ALIGN="right"> 10
</TABLE>
<input type="button" value="save slider value" onclick="saveIt ()" />
<SPAN ID="Slider1Valu eText"></SPAN>
<SPAN ID="Status"></SPAN>
<SCRIPT>
mySlider1.write Slider();
</SCRIPT>
</body>
</html>
