javascript help. creating new element only when clicked

Mgccl

Here is what I'm using

prototype window class

http://prototype-window.xilinus.com/

<a onClick = "profile('1')">test</a>

<script type="text/javascript">
function profile($id) {
var $url = "profile.php?id=" + $id;
win = new Window($id, {title: "Sample", width:200, height:150, url:$url});
win.setDestroyOnClose();
win.showCenter(); 
}
</script>

after I clicked... what I found is it says a window is already exsisted in the DOM.
my inspection is, while the 'win' object is in the function, it is already created.
or maybe not... but I would not know why.. but.. to test my thinking, I need a new way to write the code. anyone got ideas?

MarkR

You can't use PHP-style variables in Javascript - it simply won't work.

Javascript variables do not (and must not) start with a $ sign. Fix that, then it may work. Have you looked at any Javascript syntax errors that appeared?

Mark

Mgccl

here is what I find from http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Guide:Variables
[QOUTE=Document]

The names of variables, called identifiers, conform to certain rules.

A JavaScript identifier must start with a letter, underscore (_), or dollar sign ($); subsequent characters can also be digits (0-9).
[/QOUTE]
so that surely is not the problem

JPnyc

You never opened the window with the window.open command. Also, JS is case sensitive:

Window!=window