setting global variables in javascript from html.

sabbbih · #1 August 31st, 2008, 12:53 AM

hello all,
please forgive me if this is stupid question as my knowledge of programming is limited and thanks in advance for the answers.
i have an external javascript file test.js and it has

test.js
-------------------------

Expand|Select|Wrap|Line Numbers

 var x = null;

var y = null;

function goSubmit()

{

   x = document.getElementById("machine").value;

  alert(x+"inside");

}
 
function calling()

{

y = x;

alert(y+"outside");

....somecode

}

and i have html page test.html with following code
[HTML]<html>
<head>
<script language="javascript" src="test.js"></script>
</head>
<body>
<i><input type="text" onclick="this.value = ''" id="machine" value="Enter Node Name!" size="36" name="machine"></i>
<a onclick="javascript:goSubmit()" href="other.html" target="_self">Connect</a>
</body>
</html>[/HTML]

and the result i get when i input the name "system1" i got the following reults
system1 inside
null outside.

so the question is there any work around possible to assign value to global variable so that they can be used later on in the script. some coding example (if possible making the above script complete) will be highly appreciated.

Ferris · #2 August 31st, 2008, 03:20 AM

Did you call the function "calling" in Other.html ? If you want to pass variable "x" to Other.html , you should use URL parameters. test.js will be initialized when Other.html is loaded , and then variable x will be null.

RamananKalirajan · #3 September 1st, 2008, 08:29 AM

Hi, for your problem each and every page have their own instances. You can not refer the same variable in two pages. Thats why you are getting null in the "other.html". there must be some other way to do as per your requirement. I dont know that (i.e. using global variable). but u can use form variables and through URL. it will be use to retrieve the value from one page to other. here goes an example for that

Test.html
[HTML]
<html>
<form method="get" action="others.html">
System Name: <input type="text" name="node" id="node">
<br/>
<input type="submit" value="submit">
</form>
</html>[/HTML]

Others.html
[HTML]<html>
<script language="JavaScript">

function doThat()
{
var val = location.search;
var x = new Array();
x = val.split("=");
alert(x[1]);
}

</script>
<body onload="doThat();">
</body>
</html>[/HTML]

Hope this may be helpful for u.

Regards
Ramanan Kalirajan

acoder · #4 September 1st, 2008, 09:10 AM

Another alternative is if you use window.opener to open a pop-up window, you can use window.opener.x to refer to the variable in the parent window.

What is Bytes?

Popular Articles