[Proto-Scripty] Re: javascript slider value to php form post

2009-08-27 Thread efleming

Create a hidden form field and modify it's value onChange:
form
input type=hidden name=formfield id=formfield /
/form

script
...
onChange: function(v){
$('changed').innerHTML = 'Changed Value : '+v;
$('formfield').value = v;
},
...
/script

On Jul 27, 2:43 pm, autocat jim.m...@gmail.com wrote:
 js noob here... how do I pass aslider'schanged value into a
 querystring or form? I want to reload the page and use theslider's
 changed value to set image widths. This is thesliderscript I'm
 using:

 script type=text/javascript
    window.onload = function() {
        new Control.Slider('handle1' , 'track1',
       {
            range: $R(1,410),
            sliderValue: 100,
            onChange: function(v){
                $('changed').innerHTML = 'Changed Value : '+v;
            },
            onSlide: function(v) {
                $('sliding').innerHTML = 'Sliding Value: '+v;
           }
        } );
       new Control.Slider('handle2' , 'track2',
       {
            range: $R(75,410),
            axis:'vertical',
            sliderValue: 410,
            onChange: function(v){
                  $('changed').innerHTML = 'Changed Value : '+v;
            },
            onSlide: function(v) {
                  $('sliding').innerHTML = 'Sliding Value: '+v;
           }
        } );

 }

 /script

 Thanks in advance.

--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups 
Prototype  script.aculo.us group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---



[Proto-Scripty] Re: javascript slider value to php form post

2009-07-27 Thread Alex McAuley

save it in a window variable or somehting then get it



onChange: function(v){
   $('changed').innerHTML = 'Changed Value : '+v;
window.sliderValue=v;
},
   onSlide: function(v) {
   $('sliding').innerHTML = 'Sliding Value: '+v;
window.sliderValue=v;

}


then you can add it to params easily

params: {
sliderValue: window.sliderValue;
}
Alex Mcauley
http://www.thevacancymarket.com
- Original Message - 
From: autocat jim.m...@gmail.com
To: Prototype  script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Monday, July 27, 2009 7:43 PM
Subject: [Proto-Scripty] javascript slider value to php form post



 js noob here... how do I pass a slider's changed value into a
 querystring or form? I want to reload the page and use the slider's
 changed value to set image widths. This is the slider script I'm
 using:

 script type=text/javascript
   window.onload = function() {
   new Control.Slider('handle1' , 'track1',
  {
   range: $R(1,410),
   sliderValue: 100,
   onChange: function(v){
   $('changed').innerHTML = 'Changed Value : '+v;
   },
   onSlide: function(v) {
   $('sliding').innerHTML = 'Sliding Value: '+v;
  }
   } );
  new Control.Slider('handle2' , 'track2',
  {
   range: $R(75,410),
   axis:'vertical',
   sliderValue: 410,
   onChange: function(v){
 $('changed').innerHTML = 'Changed Value : '+v;
   },
   onSlide: function(v) {
 $('sliding').innerHTML = 'Sliding Value: '+v;
  }
   } );

 }
 /script

 Thanks in advance.

 
 


--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups 
Prototype  script.aculo.us group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---