using variable from javascript function

jon · Jul 8, 2004

I would like to use the variable that the javascript creates as it
parses the URL and be able to use this variable in other links on the
same page. notice how link to page 2 has the token but the other links
do not. Can I have one javascript in the heading and then call it up
multiple times in the html to make my links (i.e.
page3.html?refer=google) I have the following webpage.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type"
content="text/html;charset=iso-8859-1">
<title>Untitled Page</title>
<script language="JavaScript">
//<![CDATA[
function parseSearchString()
{
var pairs=unescape(location.search.substring(1).replace(/\+/g,"
")).split('&');
for (var i=0;i<pairs.length;i++){
var pair = pairs.split('=');
this[pair[0]]=pair[1];
}
}
var search = new parseSearchString();

//this will output all the passed variables

for (o in search)
document.write('<a href="page2.html?refer=' + search[o]
+'">Page2</a>');
</script></head>

<body bgcolor="#ffffff">
<p></p>
</body>

</html>

Thanks.

Jon Lanclos
(e-mail address removed)

Michael Schmitt · Jul 9, 2004

Hi jon,
I tested your script and it worked well, but keep in mind that you overwrite
the content of your page, if you use document.write().

I would like to use the variable that the javascript creates as it
parses the URL and be able to use this variable in other links on the
same page. notice how link to page 2 has the token but the other links
do not. Can I have one javascript in the heading and then call it up
multiple times in the html to make my links (i.e.
page3.html?refer=google) I have the following webpage.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type"
content="text/html;charset=iso-8859-1">
<title>Untitled Page</title>
<script language="JavaScript">
//<![CDATA[
function parseSearchString()
{
var pairs=unescape(location.search.substring(1).replace(/\+/g,"
")).split('&');
for (var i=0;i<pairs.length;i++){
var pair = pairs.split('=');
this[pair[0]]=pair[1];
}
}

var search = new parseSearchString();

//this will output all the passed variables

for (o in search)
document.write('<a href="page2.html?refer=' + search[o]
+'">Page2</a>');

function createLinks() {
var search = new parseSearchString();
var b = document.getElementsByTagName("body")[0];
for (o in search) {
var a = document.createElement("a");
a.href = 'page2.html?refer=' + search[o];
var t = document.createTextNode("This links to page2.html with the post variable refer set to: " + search[o]);
a.appendChild(t);
b.appendChild(a);
var br = document.createElement("br");
b.appendChild(br);
}
}

</script></head>

<body bgcolor="#ffffff">

Click to expand...

and here we call the function to set up the links:
<body style="background-color:#ffffff" onload="createLinks();"

<p></p>
</body>

</html>

Thanks.

Jon Lanclos
(e-mail address removed)

Click to expand...

Tested with Mozilla 1.7 and IE 6.0 Sp1
Of cause you can append your links to other elements too.

hth, Michael

Add recipes using JavaScript in table	20	Apr 17, 2023
JavaScript code not working!!	6	Jun 13, 2023
What "might" I be doing wrong with this snippet?	6	Sep 25, 2023
I Need Help with making a function that draws in a canvas using location data.	1	Dec 17, 2021
Script stops working when using variables to save time typing...	4	Oct 31, 2022
Why doesn't the function get called?	1	Nov 20, 2023
Javascript DOM	1	Mar 29, 2023
Check forms With JavaScript	1	Mar 28, 2023

using variable from javascript function

jon

Michael Schmitt

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads