Help with passing form values

**harrierdh** · Jan 21 '10, 04:01 PM

I see in Booking2.html you have a function called getParams. I don't see it ever being called though. And I don't see it populating anything. It just parses the URL and does nothing else.

Is your question how to use this function?

**stylishjm** · Jan 21 '10, 04:14 PM

Yes I need help with the function. Ive tried google and tried some codes but I can never figure out what to do. If you can help me I would be very grateful

**harrierdh** · Jan 21 '10, 05:33 PM

Here is some code for you to play with. It would replace the code in booking2. I'll look at the quote3999 a little later. Got get some work done.

location.href would return your full query string.

Code:

<script type="text/javascript">
function getParams(location) {
	//var location = location.href;
	var location = "http://edgwarelocalcars.co.uk/Booking2.html?address1=ha8+7ej%C2%A0UK&address2=nw 2+2nj%C2%A0UK&results2=results2&price=2.00"; 
	var idx = location.indexOf('?');
    var str = location.substr(idx + 1, location.length - idx);
	str = str.toString();
	var name = "";
	var value = "";
    var tempArr = new Array();	 
	var params = str.split("&");
	for (i = 0; i < params.length; i++) {
		tempArr = params[i].split("=");
		name = tempArr[0];
		value = tempArr[1];
		if (name == "price") {
			document.getElementById("chk1").innerHTML = value;
		}
	}
}
</script>
<body onLoad="getParams()">
	<input type="checkbox" name="ckbox" />
	<p id="chk1"></p>
</body>

**stylishjm** · Jan 22 '10, 11:53 AM

Thanks! But now I have no idea what do to with this.
Ive Put this on a new page to see how it works and it shows that it displays £2.00 when Using the

Code:

var location = "http://edgwarelocalcars.co.uk/Booking2.html?address1=ha8+7ej%C2%A0UK&address2=nw 2+2nj%C2%A0UK&results2=results2&price=2.00";

.
I deleted that and used the locaton.href, then added the

Code:

l?address1=ha8+7ej%C2%A0UK&address2=nw 2+2nj%C2%A0UK&results2=results2&price=2.00

to the end of the page when previewing it but it didnt show the price! Ive even changed "price" to address1 etc but still cant get my head round it!

Ive uploaded the updated version of the page http://edgwarelocalcars.co.uk/Booking2.html
If you dont mind explaing what bit does what in the code you gave me that would greatly help me.

Thanks

**gits** · Jan 22 '10, 01:31 PM

the getParams function could be simplified a bit:

Code:

function getParams() {
    var search        = top.location.search.replace(/^[?]/, '');
    var paramsStrings = search.split('&');
    var params        = {};

    for (var i = 0, l = paramsStrings.length; i < l; ++i) {
        var p = paramsStrings[i].split('=');

        alert(p[0] + ' = ' + p[1]);

        params[p[0]] = p[1];
    }
}

instead of the alert do what you want with the params there. The code currently stores the params in a variable ... it might be that you don't need this or use it anywhere as you wish ...

basicly it uses the querystring and extracts the params from it by splitting the string first at the '&' and second at the '='.

kind regards

**stylishjm** · Jan 22 '10, 01:47 PM

Thanks, yes i think i can make sense of what the code does now, but i still have trouble actually getting it to display the values on the page.

**gits** · Jan 22 '10, 02:49 PM

where should what appear?

**stylishjm** · Jan 22 '10, 02:57 PM

anywhere on the page. I just need to know how to actually get all the values from the previous page written there.

**gits** · Jan 22 '10, 04:20 PM

in a previous post was already a hint ... just put a container to the page like:

Code:

<div id="anyIdYouWantHere"></div>

now in my above code change the alert-line to:

Code:

if ( p[0] == 'price' ) {
    document.getElementById("anyIdYouWantHere").innerHTML = p[1];
}

as example for displaying the price in the div.

**stylishjm** · Jan 22 '10, 04:32 PM

yes excellent works perfectly BUT now what would I change "+" into a space, as the postcode gets posted like NW2+2NH. Also to add more parameters how would I do this

Code:

if ( p[0] == 'price1' ) {
    document.getElementById("anyIdYouWantHere1").innerHTML = p[1];
}
if ( p[0] == 'price2' ) {
    document.getElementById("anyIdYouWantHere2").innerHTML = p[1];
}

would I do another if below it like this?

**gits** · Jan 22 '10, 04:53 PM

you could use the replace-function:

Code:

'NW2+2NH'.replace('+', '&nbsp');

this replaces the + with a html-nonBreakingSpac e ... for example

and for the second part ... you could use more if -statements or use the switch-statement:

Code:

switch ( p[0] ) {
case 'price':
    // do something for this case
    break;
case 'price1':
    // do something for this case
    break;
}

which looks a bit cleaner

**stylishjm** · Jan 22 '10, 05:03 PM

Thanks so much for your help it works perfectly just ONE las thing. the replace function, where do I put it exactly so that it does it for all values that would go in divbox 1 2 and 3?

**gits** · Jan 22 '10, 05:05 PM

just add it where you need it ... to replace before setting it to the document use it like this:

Code:

document.getElementById("id").innerHTML = p[1].replace('+', '&nbsp');

**stylishjm** · Jan 22 '10, 05:13 PM

Thanks for that, but instead of displaying a space it showed nw2&nbsp2NH but i just changed it to replace '+' with " " and it works fine. Thanks again!

Help with passing form values

Help with passing form values

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment