Comments on: Read URL GET variables with JavaScript http://papermashup.com/read-url-get-variables-withjavascript/ Ashley Ford :: CSS | PHP | JavaScript Wed, 28 Jul 2010 15:36:02 +0000 hourly 1 http://wordpress.org/?v=3.0 By: Ashley http://papermashup.com/read-url-get-variables-withjavascript/comment-page-1/#comment-2793 Ashley Tue, 06 Jul 2010 22:28:30 +0000 http://papermashup.com/?p=1186#comment-2793 Hi Jon, No Problem, you simply need to add both code snippets between script tags within you page head then save your page and upload it to your web server and visit the page. at first you wont see anything but then add at the end of the URL in your browser ?id=1234 then you should see 1234 alerted. I've made a typo in the code snippet. the alerts should be alert(first); alert(second); the 'id' and 'page' can be any get variable that you want to pick up with javascript. Hope that helps Ashley Hi Jon,

No Problem, you simply need to add both code snippets between script tags within you page head then save your page and upload it to your web server and visit the page. at first you wont see anything but then add at the end of the URL in your browser ?id=1234 then you should see 1234 alerted. I’ve made a typo in the code snippet. the alerts should be alert(first); alert(second); the ‘id’ and ‘page’ can be any get variable that you want to pick up with javascript.

Hope that helps

Ashley

]]> By: jon mortimer http://papermashup.com/read-url-get-variables-withjavascript/comment-page-1/#comment-2767 jon mortimer Sat, 03 Jul 2010 12:20:05 +0000 http://papermashup.com/?p=1186#comment-2767 Sorry for this post since it is a year old but I have a question. I am a faily newbie and appreciate any assistance. Firstly, where do I place this code? I'm assuming I can put it into my html file within javascript brackets. I've done that -- how do I use the variable though, since it is outside the "function"? Obviously if I just place the variables on an html page it will just display as text. Sorry for this post since it is a year old but I have a question. I am a faily newbie and appreciate any assistance. Firstly, where do I place this code? I’m assuming I can put it into my html file within javascript brackets. I’ve done that — how do I use the variable though, since it is outside the “function”? Obviously if I just place the variables on an html page it will just display as text.

]]> By: Chris M http://papermashup.com/read-url-get-variables-withjavascript/comment-page-1/#comment-2311 Chris M Thu, 11 Mar 2010 12:30:57 +0000 http://papermashup.com/?p=1186#comment-2311 Anyone looking to read the #Anchor from a url using javascript such as index.html#welcome try this. var urlanchor = self.document.location.hash.substring(1); Anyone looking to read the #Anchor from a url using javascript such as index.html#welcome try this.

var urlanchor = self.document.location.hash.substring(1);

]]> By: Ashley http://papermashup.com/read-url-get-variables-withjavascript/comment-page-1/#comment-2199 Ashley Wed, 10 Feb 2010 08:53:47 +0000 http://papermashup.com/?p=1186#comment-2199 @molokoloco, Thanks! @molokoloco, Thanks!

]]> By: molokoloco http://papermashup.com/read-url-get-variables-withjavascript/comment-page-1/#comment-2190 molokoloco Tue, 09 Feb 2010 13:29:45 +0000 http://papermashup.com/?p=1186#comment-2190 Ok, thank, great regex :) here the code to integrate with jQuery :) <code> $.extend({ getUrlVars: function() { var vars = {}; var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { vars[key] = value; }); return vars; } }); // var name = $.getUrlVars()['name']; </code> Ok, thank, great regex :)
here the code to integrate with jQuery :)


$.extend({
getUrlVars: function() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { vars[key] = value; });
return vars;
}
});
// var name = $.getUrlVars()['name'];

]]> By: Peter http://papermashup.com/read-url-get-variables-withjavascript/comment-page-1/#comment-1942 Peter Tue, 29 Dec 2009 08:00:32 +0000 http://papermashup.com/?p=1186#comment-1942 thanks for the code thanks for the code

]]> By: <fb:name linked="false" useyou="false" uid="772934751">Serdar Alten Şimşek</fb:name> http://papermashup.com/read-url-get-variables-withjavascript/comment-page-1/#comment-1793 Serdar Alten Şimşek Sun, 06 Dec 2009 10:15:58 +0000 http://papermashup.com/?p=1186#comment-1793 thank you thank you

]]> By: stevej http://papermashup.com/read-url-get-variables-withjavascript/comment-page-1/#comment-1665 stevej Fri, 30 Oct 2009 16:14:57 +0000 http://papermashup.com/?p=1186#comment-1665 function getUrlVars(url) { var vars = {}; var url = url? url.toString().split('?').pop() : window.location.search.slice(1); url.replace( /([^=&]+)=([^&]*)/gi, function(m,key,value) { key = unescape(key); if (key) { value = unescape(value); if (key in vars) { if (vars[key] instanceof Array) vars[key].push(value); else vars[key] = [vars[key], value]; } else vars[key] = value; } }); return vars; } function getUrlVars(url) {
var vars = {};
var url = url? url.toString().split(‘?’).pop()
: window.location.search.slice(1);
url.replace(
/([^=&]+)=([^&]*)/gi,
function(m,key,value) {
key = unescape(key);
if (key) {
value = unescape(value);
if (key in vars) {
if (vars[key] instanceof Array)
vars[key].push(value);
else
vars[key] = [vars[key], value];
} else
vars[key] = value;
}
});
return vars;
}

]]> By: stevej http://papermashup.com/read-url-get-variables-withjavascript/comment-page-1/#comment-1664 stevej Fri, 30 Oct 2009 15:29:16 +0000 http://papermashup.com/?p=1186#comment-1664 If a key repeats (e.g. checkboxes), only the value of the last pair will be available. If a key repeats (e.g. checkboxes), only the value of the last pair will be available.

]]> By: Ashley http://papermashup.com/read-url-get-variables-withjavascript/comment-page-1/#comment-1663 Ashley Fri, 30 Oct 2009 10:07:39 +0000 http://papermashup.com/?p=1186#comment-1663 @jared thanks for pointing that out, quite a few people contacted me about that. My mistake see the updated post above. ;) @jared thanks for pointing that out, quite a few people contacted me about that. My mistake see the updated post above. ;)

]]>