Greetings everyone.

I've done my searching about the forum and I couldn't resolve this issue.

I have a simple thing that I would like to have done. It is the same basic thing as the search box that pops when you click the search link here.

I have this snip of html

Code:
<div id="test">
<a href="test.html" id="testlink">Testing</a>
</div>
<div id="openbox" class="hide">This should show</div>
I am using prototype.js for ease of use and for some ajaxy stuff later. Anyway, the class "hide" has display:none; and my goal is when the link is clicked, the openbox div will show. For this to happen I want to disable the link in javascript (NOT inline with the page).

This code I wrote works in Firefox, but not in IE. In IE, it follows the link instead of being disabled.

Code:
function showhidepointer(id,x,y) {
	y=y+10;
	if (id.className == "hide") {
		id.className = "show";
		id.style.position="absolute";
		id.style.top=y+"px";
		id.style.left=x+"px";
	} 
	else 
	{
		id.className = "hide";
	}
	return false;
}

function enhancesite()
{
	var link=$('testlink');
	link.onclick =function(e){
	showhidepointer($('openbox'),Event.pointerX(e),Event.pointerY(e));
	return false;
	};
}
Event.observe(window, 'load', enhancesite, false);
I'm sure I have something wrong or some things could be made better. I appreciate the help.