I have two web pages. The main page contains several VML rectangles that have their "onclick" events set to javascript code. The second page is opened by the first page when a particular link is clicked. What I want to do is change the onclick event of a <v:rect> element on the main page from the 2nd page.

So far I am able to retrieve the reference to the object and view it's initial onclick event:

// this code is in the 2nd page that was opened by the main page
var rectelem = window.opener.document.getElementById('event2_2372');
alert(rectelem.onclick); // this works and shows me what it is initially set to.
rectelem.onclick = 'alert(\'This is the new onclick event!\');' ;
alert(rectelem.onclick); // shows that the change was made.

When I switch back to the main page and click on the object though, the initial onclick behavior is gone but the new behavior does not take place. Nothing happens and I get no script error to look at. I've tried moving the new onclick behavior to a function and then setting the object's onclick to the address of that function:

rectelem.onclick = test;

function test()
{
alert('This is the test function!');
}

This approach has had the same result so far :( Any ideas on what I'm doing wrong or how to change this events behavior at runtime?