By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,528 Members | 1,345 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,528 IT Pros & Developers. It's quick & easy.

sending variables via cgi form?

P: n/a
Hello,

I have been able to create a slider using Javascript code from the web
but would like to send the slider values which are saved in an array
to myself using email and the CGI/form approach.

I'm not clear how to get the these array values into the form ..

Hints/ideas please!

Cheers

Geoff
Sep 1 '05 #1
Share this Question
Share on Google+
7 Replies


P: n/a
Hi,
Your question is not clear. Please post your code along with the
question which would be easier to understand your problem.

Anyways, try using XMLHTTP or XMLRequest to post the values to the
server.

- Peroli Sivaprakasam

Sep 1 '05 #2

P: n/a
On 1 Sep 2005 02:20:42 -0700, "Peroli" <pe****@gmail.com> wrote:
Hi,
Your question is not clear. Please post your code along with the
question which would be easier to understand your problem.

Peroli,

Thanks for your reply. At the moment the code below puts the slider
value into

<SPAN ID="Slider1ValueText"></SPAN>

I would like to be able to put that value into a form so that the
value could be sent to me via email using formmail.cgi.

Cheers

Geoff
<!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>

var mySlider1 = new Slider( "Slider1" );

mySlider1.leftValue = 0;
mySlider1.rightValue = 10;
mySlider1.defaultValue = 0;

mySlider1.offsetX = 1;
mySlider1.offsetY = 1;
mySlider1.maxSlide = 258;

mySlider1.onmouseover = "self.status='Try me!'";
mySlider1.onmousedown = "self.status='You start at
'+this.getValue(0)";
mySlider1.onmouseup = "self.status='You end at '+this.getValue(0)";
mySlider1.onchange = "self.status='The current value is
'+this.getValue(0)";
mySlider1.onclick = "this.setValue(this.defaultValue)";

mySlider1.onchange =
"document.getElementById('Slider1ValueText').inner HTML =
''+this.getValue(0)"

</SCRIPT>
</HEAD>

<BODY onLoad="mySlider1.placeSlider()">

<TABLE>
<TR>
<TD COLSPAN="3">
<IMG SRC="sliderbg.gif" NAME="Slider1RailImg" ID="Slider1RailImg">
<TR>
<TD ALIGN="left"> 0
<TD ALIGN="center"> Slider 1
<TD ALIGN="right"> 10
</TABLE>

<SPAN ID="Slider1ValueText"></SPAN>

<SCRIPT>

mySlider1.writeSlider();

</SCRIPT>
</body>
</html>




Anyways, try using XMLHTTP or XMLRequest to post the values to the
server.

- Peroli Sivaprakasam


Sep 1 '05 #3

P: n/a
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.leftValue = 0;
mySlider1.rightValue = 10;
mySlider1.defaultValue = 0;

mySlider1.offsetX = 1;
mySlider1.offsetY = 1;
mySlider1.maxSlide = 258;

mySlider1.onmouseover = "self.status='Try me!'";
mySlider1.onmousedown = "self.status='You start
at'+this.getValue(0)";
mySlider1.onmouseup = "self.status='You end at '+this.getValue(0)";
mySlider1.onchange = "self.status='The current value
is'+this.getValue(0)";
mySlider1.onclick = "this.setValue(this.defaultValue)";

mySlider1.onchange
="document.getElementById('Slider1ValueText').inne rHTML
=''+this.getValue(0)";
//---------------------------------------------------------------------
function saveIt()
{
var url = 'http://yourserver/sendMail.cgi';
var pars =
'sliderVal='+document.getElementById('Slider1Value Text').innerHTML;
var myAjax = new Ajax.Updater('Status', url, {method: 'get',
parameters: pars});
}
//---------------------------------------------------------------------
</SCRIPT>

</HEAD>

<BODY onLoad="mySlider1.placeSlider()">

<TABLE>
<TR>
<TD COLSPAN="3">
<IMG
SRC="http://www.micro-active.com/slider/christiaan/sliderbg.gif"
NAME="Slider1RailImg" ID="Slider1RailImg">
<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="Slider1ValueText"></SPAN>
<SPAN ID="Status"></SPAN>

<SCRIPT>

mySlider1.writeSlider();

</SCRIPT>

</body>
</html>

Sep 1 '05 #4

P: n/a
On 1 Sep 2005 04:27:39 -0700, "Peroli" <pe****@gmail.com> wrote:
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,

It works fine - many thanks! Will now try and work out how you did
it!! May get back to you...

Cheers

Geoff



- 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.leftValue = 0;
mySlider1.rightValue = 10;
mySlider1.defaultValue = 0;

mySlider1.offsetX = 1;
mySlider1.offsetY = 1;
mySlider1.maxSlide = 258;

mySlider1.onmouseover = "self.status='Try me!'";
mySlider1.onmousedown = "self.status='You start
at'+this.getValue(0)";
mySlider1.onmouseup = "self.status='You end at '+this.getValue(0)";
mySlider1.onchange = "self.status='The current value
is'+this.getValue(0)";
mySlider1.onclick = "this.setValue(this.defaultValue)";

mySlider1.onchange
="document.getElementById('Slider1ValueText').inn erHTML
=''+this.getValue(0)";
//---------------------------------------------------------------------
function saveIt()
{
var url = 'http://yourserver/sendMail.cgi';
var pars =
'sliderVal='+document.getElementById('Slider1Valu eText').innerHTML;
var myAjax = new Ajax.Updater('Status', url, {method: 'get',
parameters: pars});
}
//---------------------------------------------------------------------
</SCRIPT>

</HEAD>

<BODY onLoad="mySlider1.placeSlider()">

<TABLE>
<TR>
<TD COLSPAN="3">
<IMG
SRC="http://www.micro-active.com/slider/christiaan/sliderbg.gif"
NAME="Slider1RailImg" ID="Slider1RailImg">
<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="Slider1ValueText"></SPAN>
<SPAN ID="Status"></SPAN>

<SCRIPT>

mySlider1.writeSlider();

</SCRIPT>

</body>
</html>


Sep 1 '05 #5

P: n/a
On 1 Sep 2005 04:27:39 -0700, "Peroli" <pe****@gmail.com> wrote:

Peroli,

Is it possible not to show the slider value?

<SPAN ID="Slider1ValueText"></SPAN>

ie can I have the ID="Slider1ValueText" as a hidden property?

Cheers

Geoff
Sep 1 '05 #6

P: n/a
On 1 Sep 2005 04:27:39 -0700, "Peroli" <pe****@gmail.com> wrote:

Peroli,

Have sorted the invisible <span> by using css but one other thing.

After the slider value has been submitted a message appears saying
Thank you etc and giving the slider value.

I do not wish that value to be seen and cannot stop it!

<input type="hidden" name="redirect"
value="http://website/path/thanks.htm" />

does not work - still get the Thank you message!

What is happening?

Cheers

Geoff

Sep 1 '05 #7

P: n/a
Hi Geoff,
Replace the saveIt() with the code given below. You can replace the
"Status" Span too.

function saveIt() {
var url = 'http://yourserver/mail.cgi';
var pars
='sliderVal='+document.getElementById('Slider1Valu eText').innerHTML;
var myAjax = new Ajax.Request(
url,
{method: 'get', parameters: pars, onComplete:
function(){alert("Mail Sent.")}}
);
}
<input type="hidden" name="redirect"
value="http://website/path/thanks.htm" />
What are you doing here with this Hidden Input? Is this the output you
get from AJAX? Info needed.

Some Info for you.
1. Learn XMLHTTP or AJAX
2. Learn Prototype.js and understand it. Good place to start is
http://www.sergiopereira.com/articles/prototype.js.html

We are calling your cgi script with a cgi param "sliderVal" from
Javascript using AJAX and displaying the response. If you dont want the
responsse to be shown, then do nothing in the "onComplete" handler of
"AJax.Request" Object.

- Peroli Sivaprakasam

Geoff Cox wrote: On 1 Sep 2005 04:27:39 -0700, "Peroli" <pe****@gmail.com> wrote:

Peroli,

Have sorted the invisible <span> by using css but one other thing.

After the slider value has been submitted a message appears saying
Thank you etc and giving the slider value.

I do not wish that value to be seen and cannot stop it!

<input type="hidden" name="redirect"
value="http://website/path/thanks.htm" />

does not work - still get the Thank you message!

What is happening?

Cheers

Geoff


Sep 2 '05 #8

This discussion thread is closed

Replies have been disabled for this discussion.