Query String Javascript

Question

Using javascript, how do I add some data to the query string?

Basically I want to add the window.screen.height and window.screen.width info to the query string so that I can then email it with the other login info.

Alternatively, how would I populate a couple of hidden fields with the same data, a form is being submitted so I could pick it up from there?

Thanks, R.

Where exactly do you want to add the querystring? to the form action attribute or a link somewhere? — Jimmy Chandra
– Jimmy Chandra, Commented Jun 30, 2009 at 3:58

Bravery Onions · Accepted Answer · 2009-06-30 03:58:23Z

6

I think that the latter option would be easier to implement. For example, if you have the hidden fields like this:

...
<input type="hidden" name="screenheight" id="screenheight" value="" />
<input type="hidden" name="screenwidth" id="screenwidth" value="" />
...

Then the JavaScript would be:

<script type="text/javascript">
document.getElementById('screenheight').value = window.screen.height;
document.getElementById('screenwidth').value = window.screen.width;
</script>

answered Jun 30, 2009 at 3:58

Bravery Onions

5193 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

flavour404 Over a year ago

Thanks, I did go with the hidden fields and javascript combo and it worked out really well. Thanks.

Bravery Onions Over a year ago

I'm happy that worked out for you. Please mark as answer if you feel like it.

amantur · Accepted Answer · 2009-06-30 04:08:05Z

1

You can also use jquery.query.js to play with querystring.

answered Jun 30, 2009 at 4:08

amantur

40.6k22 gold badges136 silver badges192 bronze badges

Comments

gargantuan · Accepted Answer · 2009-06-30 04:11:56Z

0

for hidden fields, give each field an ID then do this

$("#fieldID").attr("value") = someValue;

UPDATE: Sorry, I saw Query and that made me think jQuery.

edited Jun 30, 2009 at 4:11

answered Jun 30, 2009 at 3:56

gargantuan

8,96416 gold badges71 silver badges111 bronze badges

2 Comments

Jimmy Chandra Over a year ago

jQuery is nice, but it will require jQuery :).

Jonathan Fingland Over a year ago

still not valid as you would need quotes around #fieldID

seth · Accepted Answer · 2009-06-30 04:37:53Z

0

If you wanted to add it to the location in a library agnostic manner, you could do the following:

var query = window.location.search;
var sep = "?";
if (query) {
   sep = "&";
}
window.location = window.location + sep + "h=" + 
    window.screen.height + "&w=" + window.screen.width;

This of course assumes that you don't have w or h parameters in the query string already.

answered Jun 30, 2009 at 4:37

seth

37.3k7 gold badges63 silver badges58 bronze badges

Collectives™ on Stack Overflow

Query String Javascript

4 Answers 4

2 Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related