Implementation to send variables through the url (with javascript) like PHP $_GET.

Printable View

Show 40 post(s) from this thread on one page

08-07-2006, 04:54 PM
shachi

Implementation to send variables through the url (with javascript) like PHP $_GET.

I remember several times this question has been asked in this forum and I never found an appropriate answer. So today as I was reading a book I thought of sending variables through javascript from one page to the other. This is just an experiment which I thought I should share it with you so that I know what I did wrong and what I need to implement.:) Here's the script:

Code:

<html> <head> <title>Javascript Implementation to PHP type GET variables.</title> <script type="text/javascript"> var url = String(window.location); var index = url.indexOf("?"); var data = url.substr(index+1); var splitted = data.split("="); event = splitted[0]; act = splitted[1]; </script> </head> </body> <script type="text/javascript"> if(index == -1){ document.write("Please Click One of these links: <a href='"+url+"?user=false'>Login as a Guest</a><br /><a href='"+url+"?user=true'>Login as a user</a>"); } else if(event == "user" && act == "true"){ document.write("Welcome User."); } else { document.write("You are a stranger!!!"); } </script> </body> </html>

So what do you think guys??

EDIT: Forgot to mention it still can't catch all the url variables(for e.g this=that&multiple=variables).
08-08-2006, 01:44 PM
shachi

Here a more user friendly version:

Code:

<html> <head> <title>Javascript Implementation to PHP type GET variables.</title> <script type="text/javascript"> var url = String(window.location); var index = url.indexOf("?"); var data = url.substr(index+1); var splitted = data.split("="); event = splitted[0]; act = splitted[1]; </script> </head> </body> <script type="text/javascript"> if(index == -1){ document.write(noindex()); } else if(event == "user" && act == "true"){ document.write(isuser()); } else { document.write(notuser()); } function noindex(){ content = '' content += "Please Click One of these links: <br><a href='"+url+"?user=false'>Guests Click Here</a><br /><a href='"+url+"?user=true'>Users Click Here</a>"; return content; } function notuser(){ content = '' content += 'You are a stranger!!!'; return content; } function isuser(){ content = '' content += 'Welcome User'; return content; } </script> </body> </html>
08-09-2006, 01:45 PM
shachi

Is anyone interested?? Hello??
08-09-2006, 04:08 PM
blm126

I don't really get the point....I mean get variables are useful for form processing, but you don't need to reload the page for that. I can't think of anything that this could be used for.
08-09-2006, 04:34 PM
shachi

It can be useful if you want to implement dynamic/flexible pages with javascript like

for displaying a form :
http://somehost.somedomain/somefile....sion?show=form
to show something else in the same page :
http://somehost.somedomain/somefile....=somethingelse

So that's all I made this for. It proved to be useful for me and thought may be someone else could also find this useful.
08-09-2006, 05:19 PM
blm126

Yes but the problem is what if the user has disabled javascript. Your site becomes inaccessible.
08-09-2006, 07:02 PM
shachi

In that case either the author has to use PHP or go in the traditional way or let his users that js must be enabled before accessing the page.:)
08-19-2006, 08:53 PM
Mob1us

Quote:

Originally Posted by shachi

Here a more user friendly version:

Code:

<html> <head> <title>Javascript Implementation to PHP type GET variables.</title> <script type="text/javascript"> var url = String(window.location); var index = url.indexOf("?"); var data = url.substr(index+1); var splitted = data.split("="); event = splitted[0]; act = splitted[1]; </script> </head> </body> <script type="text/javascript"> if(index == -1){ document.write(noindex()); } else if(event == "user" && act == "true"){ document.write(isuser()); } else { document.write(notuser()); } function noindex(){ content = '' content += "Please Click One of these links: <br><a href='"+url+"?user=false'>Guests Click Here</a><br /><a href='"+url+"?user=true'>Users Click Here</a>"; return content; } function notuser(){ content = '' content += 'You are a stranger!!!'; return content; } function isuser(){ content = '' content += 'Welcome User'; return content; } </script> </body> </html>

I'm sorry, i'm kind of a novice, so could someone please give me a play-by-play of just what this script does? I can use all the help I can get.
08-19-2006, 09:12 PM
Twey

This is vastly over-complicated.

Code:

<script type="text/javascript"> var _GET = window.location.href.substr(window.location.href.indexOf('?') + 1).split(/&|;/); for(var i in _GET) if(_GET[i].indexOf('=') === -1) _GET[unescape(_GET[i])] = ''; else _GET[unescape(_GET[i].substr(0, _GET[i].indexOf('=')))] = unescape(_GET[i].substr(_GET[i].indexOf('=') + 1)); </script>

Ta-da.
08-19-2006, 09:16 PM
DimX

This function is good enough to get the GET variables:

Code:

function get(key_str) { if(window.location.search) { var query = window.location.search.substr(1); var pairs = query.split("&"); for(var i = 0; i < pairs.length; i++) { var pair = pairs[i].split("="); if(unescape(pair[0]) == key_str) return unescape(pair[1]); } } }

@Mobulus: This function takes the query string (?this=this&that=that...) from the url and handels it so that you can access evry variable separately.
-------------------------------
Aaaawwwww, Twey... :p

Show 40 post(s) from this thread on one page