Yasserzaid’s Weblog

August 16, 2009

Show Dynamic DIV as Tooltip

Filed under: ASP.Net, Javascript — yasserzaid @ 7:44 pm

Hi

try this example :-

JAVASCRIPT CODE

function ShowDiv(divid,iframe, state)
{
 var DivRef = document.getElementById(divid);
 var IfrRef = document.getElementById(iframe);
 if(state)
 {
  DivRef.style.display = "block";
  IfrRef.style.width = DivRef.offsetWidth;
  IfrRef.style.height = DivRef.offsetHeight;
  IfrRef.style.top = DivRef.style.top;
  IfrRef.style.left = DivRef.style.left;
  IfrRef.style.zIndex = DivRef.style.zIndex - 1;
  IfrRef.style.display = "block";
 }
 else
 {
  DivRef.style.display = "none";
  IfrRef.style.display = "none";
 }
}

<a href="#" onclick="ShowDiv('div','iframe', true); return false;">
<img src="image.gif" border="0" style="margin: 0px;" /></a>
<div id="div">div message</div>
<iframe id="iframe" scrolling="no" frameborder="0"></iframe>

 Hope this helps

Good Luck

No Comments Yet »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment

Blog at WordPress.com.