Saturday, March 29, 2008

Handle Div tag hide by DropDown List and ListBox

Div tag hide by DropDown List and ListBox

I was creating Div tag(Dailog box Editor), at that time ListBox and DropDownList appears above the Div tag.

I created Tooltip using Div tag, Deafult Z-Index of ListBox and DropDownList is greater than Div tag, So Div tag hide by DropDownList and ListBox.

To solve this problem i added following.

I create one iframe tag having same width and height as Div tag(Tooltip), ifarme has greater Z-Index than ListBox and DropDownList, So I used that iframe behind the Tooltip(Div tag) means shows iframe on same location as Tooltip.

Shows Iframe on same location as tooltip

childFrame.style.width = divLayer.style.width;
childFrame.height = '480';
childFrame.style.display = 'inline';
childFrame.style.left = divLayer.style.left;
childFrame.style.top = divLayer.style.top;

No comments: