[Javascript] Hide popup div on lost focus?

[Pc_Madness]

Hey guys, I've got 2 date textboxes, and when clicked, a little calendar will pop up below it. So I'm using onFocus to show it, and then when you click away I'm using the following code,

document.onclick=check;
	function check(e){
		var target = (e && e.target) || (event && event.srcElement);
		var obj = document.getElementById('dvCalendar');
		checkParent(target)?obj.style.display='none':nullnction checkParent(t){
		while(t.parentNode){

			if(t==document.getElementById('dvCalendar') || t == document.getElementById('txtStartDate') || t == document.getElementById('txtStopDate') )
			{
				return false;
			}
			t=t.parentNode
		}
		return true
	}

Which works, but if the user clicks from the first textbox to the second, it doesn't make the second appear. I think because the loop is still running, as if I chuck in an alert, the second popup stays.

Does anyone else have a better way of doing this? :\ I'm really not super keen on having to loop through all the controls, but theres nothing else on Google. :(

[sweetsam]

How about toggle ? So you have two elements you want to show. Click on one the function switches classes for the said element to display it. When you click on the other one it turns off the one on display and shows the other one. When the user clicks out you can activate a function that just turns things off. Well I don't know js so here is the logic...

function display()

switch class a to b

if there is class b then switch it to a

function hide() <- This gets activated when the user clicks out.

switch class b to a <- hides any element turned on by display