Detecting if an element loses or gains focus

[fintan]

Hi I'm building an app where I need to know where a user is on a page. I need to know if an element has focus or loses focus. Will the onfocus and onblur work outside of a form? Thanks

fintan.

[coopster]

Sure it will.

[fintan]

Thanks again coopster I have some of this working but the onblur won't work say if I click on the body or another element. Am I going about this the right way?

function Collapse(size){
size.setAttribute("style", "height : 200px;");
size.style.cssText = "height : 200px;";

}

function Expand(size){
if(size.clientHeight == "200"){
size.setAttribute("style", "height : 800px;");
size.style.cssText = "height : 800px;";
}
else{
resize = Collapse(size);
}
}

<div class="call" id="call" onmouseover="style.backgroundColor='#F1F5F9';" onmouseout="style.backgroundColor='#FFFFFF'" title="Click once to see call details" onclick="Expand(this);calldetails('.$rslt['HD_ID'].');" onblur="Collapse(this);">