C
conckrish
Hai All,
In my ASP.NET application, I have created a popup window using a
mouseover event for Label.I have placed all popup controls inside a div
tag.This popup working well in IE,but not working in mozilla.. How to
solve this div tag problem?? How to show the Popup ib Mozilla?
My code look like this :
=================
<div class="PopUptransparent" id="PopUp">
<table class="PopUpMainTable" id="PopupTable" cellSpacing="0"
cellPadding="0" width="238"
border="0">
<tr>
<td class="PopupBoldTxtBlack" id="lblRemaining" style="PADDING-LEFT:
3px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; BORDER-BOTTOM: #99ccff 1px
solid"
width="40%"></td>
<td class="PopupBoldTxtRed" id="lblRemainingVal"
style="PADDING-RIGHT: 5px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px;
BORDER-BOTTOM: #99ccff 1px solid"
width="60%"></td>
</tr>
..
..
..
..
..
</table>
</div>
function ShowAuctionDetailPopUp(RemainingName)
{
var X;
var Y;
document.getElementById('lblRemaining').innerText=RemainingName;
document.getElementById('lblRemainingVal').innerText=RemainingVal;
var pos = getElementPos(CtrlId);
X= pos.x;
Y= window.event.clientY+document.body.scrollTop+8;
PopUp.style.left = X;
PopUp.style.top = Y;
PopUp.style.display='block';
PopUp.style.position= 'absolute';
PopUp.style.left = X;
PopUp.style.top = Y;
}
function getElementPos(sElementID)
{
if(!document.getElementById) return null;
var e = document.getElementById(sElementID);
if(e == null ) return null;
var p = { x: 0, y: 0};
while(e)
{
p.x += parseInt(e.offsetLeft,10);
p.y += parseInt(e.offsetTop,10);
e = e.offsetParent;
}
return p;
}
In my ASP.NET application, I have created a popup window using a
mouseover event for Label.I have placed all popup controls inside a div
tag.This popup working well in IE,but not working in mozilla.. How to
solve this div tag problem?? How to show the Popup ib Mozilla?
My code look like this :
=================
<div class="PopUptransparent" id="PopUp">
<table class="PopUpMainTable" id="PopupTable" cellSpacing="0"
cellPadding="0" width="238"
border="0">
<tr>
<td class="PopupBoldTxtBlack" id="lblRemaining" style="PADDING-LEFT:
3px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; BORDER-BOTTOM: #99ccff 1px
solid"
width="40%"></td>
<td class="PopupBoldTxtRed" id="lblRemainingVal"
style="PADDING-RIGHT: 5px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px;
BORDER-BOTTOM: #99ccff 1px solid"
width="60%"></td>
</tr>
..
..
..
..
..
</table>
</div>
function ShowAuctionDetailPopUp(RemainingName)
{
var X;
var Y;
document.getElementById('lblRemaining').innerText=RemainingName;
document.getElementById('lblRemainingVal').innerText=RemainingVal;
var pos = getElementPos(CtrlId);
X= pos.x;
Y= window.event.clientY+document.body.scrollTop+8;
PopUp.style.left = X;
PopUp.style.top = Y;
PopUp.style.display='block';
PopUp.style.position= 'absolute';
PopUp.style.left = X;
PopUp.style.top = Y;
}
function getElementPos(sElementID)
{
if(!document.getElementById) return null;
var e = document.getElementById(sElementID);
if(e == null ) return null;
var p = { x: 0, y: 0};
while(e)
{
p.x += parseInt(e.offsetLeft,10);
p.y += parseInt(e.offsetTop,10);
e = e.offsetParent;
}
return p;
}