On Fri, 02 Sep 2005 08:00:07 GMT, Geoff Cox
<ge*******@notq uitecorrectfree uk.com> wrote:
web dev
Many thanks for your reply. I have tried the first approach and that
works fine but probably better now if I try to explain what I am
trying to do!
The code below works OK up to a point but the function saveIt2() is
wrong and my original post was supposed to help me understand why!
The aim is to present an image and a series of questions which the
user answers by positioning the slider. I want to put the slider value
into an array and then when the last question has been answered the
next click of the Next button will send the array values to me by
email. To try to simplify things I am just trying to print out the
array values using saveIt2(().
Can you see what is going wrong with saveIt2()?
Cheers
Geoff
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<HEAD>
<link rel=stylesheet href="slider.cs s" type="text/css">
<SCRIPT SRC="slider.js" ></SCRIPT>
<SCRIPT SRC="prototype-1.3.1.js"></SCRIPT>
<SCRIPT>
var mySlider1 = new Slider( "Slider1" );
var count = 0;
var slider_value = new Array(5)
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)";
var lhs_questions = new Array(5)
lhs_questions[0]="LHS question 1";
lhs_questions[1]="LHS question 2";
lhs_questions[2]="LHS question 3";
lhs_questions[3]="LHS question 4";
lhs_questions[4]="LHS question 5";
var rhs_questions = new Array(5)
rhs_questions[0]="RHS question 1";
rhs_questions[1]="RHS question 2";
rhs_questions[2]="RHS question 3";
rhs_questions[3]="RHS question 4";
rhs_questions[4]="RHS question 5";
function buildTable()
{
document.write( "<center>") ;
document.write( "<table border='2'>");
document.write( "<tr>");
document.write( " <td ID='lhs_questio n'>" + this.lhs_questi ons[0] +
"</td>");
document.write( " <td>" + "<IMG SRC='sliderbg.g if'
NAME='Slider1Ra ilImg' ID='Slider1Rail Img'>" + "</td>");
document.write( " <td ID='rhs_questio n'>" + this.rhs_questi ons[0] +
"</td>");
document.write( "</tr>");
document.write( "</table>");
document.write( "</center>");
}
function next_question()
{
slider_value[count] = this.mySlider1. getValue(0);
this.count++;
if (this.count < 5)
{
document.getEle mentById('lhs_q uestion').inner HTML =
this.lhs_questi ons[count];
document.getEle mentById('rhs_q uestion').inner HTML =
this.rhs_questi ons[count];
} else
{
saveIt2();
}
}
function saveIt()
{
var url = 'http://path/formmail.cgi';
var pars =
'sliderVal='+do cument.getEleme ntById('Slider1 ValueText').inn erHTML;
var myAjax = new Ajax.Updater('S tatus', url, {method: 'post',
parameters: pars});
}
function saveIt2()
{
for (var i = 0; i <5; i++)
{
document.write( this.slider_val ue[i] + "<br>");
}
}
</script>
</HEAD>
<BODY onLoad="mySlide r1.placeSlider( )">
<h2 align="center"> Social Group</h2>
<p align="center"> <img src="pic3.jpg"> </p>
<script language="javas cript"
type="text/javascript">bui ldTable();</script>
<center>
<table>
<tr>
<td colspan="3" align="center">
<input type="button" value="Next" onclick="next_q uestion()" />
<SPAN class="invisibl e" ID="Slider1Valu eText"></SPAN>
<SPAN ID="Status"></SPAN></td></tr>
</TABLE>
</center>
<SCRIPT>
mySlider1.write Slider();
</SCRIPT>
</body>
</html>
