Question

this probably has been asked before, but I am unable to find a satisfying answer.

in my HTML markup I have a SPAN element with onclick event, something like

<span onclick='loadDiv()'>Text</span>

When user clicks on the span – a DIV with a higher z-index is absolutely positioned over the span (sort of a dialog window). User then performs an some inside of the DIV and DIV’s display is set to ‘none’, it becomes invisible.

How do I detect from the span point of view when the span becomes visible again? How to implement something akin to "<span onvisible="somefunction()"....

Thanks!

UPDATE: I need this implemented in pure JavaSctipt, max I can use is MS AJAX extentions.

Answer 1

Actually the solution turned out to be trivial

<span onclick='loadDiv(); var i=setInterval(function(){if (xdivDialog.style.display=="none") {clearInterval(i); handleEvent()}},1000)'>Text</span>

Basically in onClick event I start timer to check regularly if dialog DIV becomes hidden again. Once this is detected I stop timer and handle the event.