Prev: Any body give me solution
Next: Drag and drop problem, please help?
From: hai.mailbox on 23 Jun 2008 11:32
Hello everyone,

I have a small problem with javascript below:

<p>Slider Test</p>
<div class="slider" id="slider1" tabIndex="1">
<input class="slider-input" id="slider1_input"/>
</div>
<form id="slider1_form" method="get" action="/protect/control.htm">
Value:<input type="text" name="slider1_output" id="slider1_disp"
value="5"/>
</form>

<script type="text/javascript">
var sdr1 = new Slider(document.getElementById("slider1"),
document.getElementById("slider1_input"));

sdr1.onchange = function ()
{
document.getElementById("slider1_disp").value = sdr1.getValue();
document.getElementById("slider1_form").submit();
};
</script>

I got the slider's onchange function to trigger the form GET function,
and the web server can get the slider value properly. However, after
that, the value of the input text box (id="slider1_disp") returns to 5
(or whatever default value I put at the input text box). How do I
prevent the value of the input text box to return to the default value
(i.e. I want to keep the last value that is submitted).

Any suggestion is welcome. Thank you in advance!
Regards,
James
From: SAM on 23 Jun 2008 13:23
hai.mailbox(a)gmail.com a �crit :
> Hello everyone,
>
> I have a small problem with javascript below:
>
> <p>Slider Test</p>
> <div class="slider" id="slider1" tabIndex="1">
> <input class="slider-input" id="slider1_input"/>
> </div>
> <form id="slider1_form" method="get" action="/protect/control.htm">
> Value:<input type="text" name="slider1_output" id="slider1_disp"
> value="5"/>
> </form>
>
> <script type="text/javascript">
> var sdr1 = new Slider(document.getElementById("slider1"),
> document.getElementById("slider1_input"));

what that is supposed/expected to do ?

> sdr1.onchange = function ()
> {
> document.getElementById("slider1_disp").value = sdr1.getValue();
> document.getElementById("slider1_form").submit();
> };
> </script>
>
> I got the slider's onchange function to trigger the form GET function,
> and the web server can get the slider value properly. However, after
> that, the value of the input text box (id="slider1_disp") returns to 5
> (or whatever default value I put at the input text box). How do I
> prevent the value of the input text box to return to the default value
> (i.e. I want to keep the last value that is submitted).
>
> Any suggestion is welcome. Thank you in advance!

I suppose 'control.htm' contents your form "slider1_form" ?
I understand you can't do the job server side.

JS in header :
==============

var v = self.location.toString().split('?')[1];
if(v.indexOf('&')>0) {
v = v.split('&');
for(var i=0, n = v.length; i<n; i++)
if(v[i].indexOf('slider1_disp')>=0) {
v = v[i].split('=')[1];
break;
}
}
else v = v.split('=')[1];

// if there is no other window.onload :
window.onload = function() {
document.getElementById("slider1_disp").value = v;
}


or, just before </body>

<script type="text/javascript">
document.getElementById("slider1_disp").value = v;
</script>

--
sm
 | 
Pages: 1
Prev: Any body give me solution
Next: Drag and drop problem, please help?