sending variables via cgi form?

09-01-2005

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

09-01-2005

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

09-01-2005

On 1 Sep 2005 02:20:42 -0700, "Peroli" <> 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

09-01-2005

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>

09-01-2005

On 1 Sep 2005 04:27:39 -0700, "Peroli" <> 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>

09-01-2005

On 1 Sep 2005 04:27:39 -0700, "Peroli" <> 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

09-01-2005

On 1 Sep 2005 04:27:39 -0700, "Peroli" <> 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

09-02-2005

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" <> 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

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Put variables into member variables or function variables?	tjumail@gmail.com	C++	9	03-23-2008 04:03 PM
problem sending mail: Sending the email to the following server failed	Luke	Java	2	03-15-2007 10:54 AM
pls help me when i sent mail, it vil sending twice instead of once ,am using java.mail,am sending my code....	shailajabtech@gmail.com	Java	0	09-28-2006 06:38 AM
Test Sending Emails Via CGI from PC (local host): Is It Possible?	Jofio	Perl Misc	2	05-20-2005 05:13 AM
Sending pictures via email Via OE6+Win XP - I no longer get prompt to "make all my pictures smaller"	Ian Roberts	Digital Photography	3	09-21-2003 04:57 PM