Table Style

[Raed Sawalha]

I have the following table in ascx , when I click the button the table style
not showing in the popup , it is ONLY showing on the page not in the
popup...WHY?

<TABLE style="BACKGROUND: #d8e8f5;CURSOR:hand" bgcolor="#d8e8f5"
id="tblMenu" cellSpacing="0" cellPadding="2" width="150" border="1">
<TR>
<TD class="standerdfont" >New Document</TD>
</TR>
<TR>
<TD class="standerdfont">New Folder</TD>
</TR>
</TABLE>

this table is shown when user click the button as following:
<TABLE id="Table6" cellSpacing="0" cellPadding="0" width="560" border="0">
<TR>
<TH style="HEIGHT: 14px" vAlign="middle" scope="col" align="right" width="67">
<IMG id=imgAddNew
onmouseover="MM_swapImage('Image15','','/images/<%=strImgName_New_O%>',1)"
style="CURSOR: hand" onclick="showMenu('tblMenu',100,44);"
onmouseout=MM_swapImgRestore() height=23
src="MailTools/images/<%=strImgName_New%>" width=59 border=0 name=Image15

</TH>

</table>
the javascript function is :
function showMenu(menu, width , height)
{

var lefter = event.clientX;
var leftoff = event.offsetX;
var topper = event.clientY;
var topoff = event.offsetY;
var oPopup = window.createPopup();
var oPopBody = oPopup.document.body;
var HTMLContent = eval(menu).innerHTML;
oPopBody.innerHTML = HTMLContent;
oPopup.show(lefter - leftoff - 2, topper - topoff
+ 22, width,height,document.body);
}

[Eliyahu Goldin]

In yout javascript function your manipulate with variables. You never change
the html of the popup window. Should be

oPopup.document.body.innerHTML = HTMLContent;

Eliyahu

"Raed Sawalha" <Ra*********@discussions.microsoft.com> wrote in message
news:68**********************************@microsof t.com...

I have the following table in ascx , when I click the button the table style not showing in the popup , it is ONLY showing on the page not in the
popup...WHY?

<TABLE style="BACKGROUND: #d8e8f5;CURSOR:hand" bgcolor="#d8e8f5"
id="tblMenu" cellSpacing="0" cellPadding="2" width="150" border="1">
<TR>
<TD class="standerdfont" >New Document</TD>
</TR>
<TR>
<TD class="standerdfont">New Folder</TD>
</TR>
</TABLE>

this table is shown when user click the button as following:
<TABLE id="Table6" cellSpacing="0" cellPadding="0" width="560" border="0">
<TR>
<TH style="HEIGHT: 14px" vAlign="middle" scope="col" align="right" width="67"> <IMG id=imgAddNew
onmouseover="MM_swapImage('Image15','','/images/<%=strImgName_New_O%>',1)"
style="CURSOR: hand" onclick="showMenu('tblMenu',100,44);"
onmouseout=MM_swapImgRestore() height=23
src="MailTools/images/<%=strImgName_New%>" width=59 border=0 name=Image15

</TH>

</table>
the javascript function is :
function showMenu(menu, width , height)
{

var lefter = event.clientX;
var leftoff = event.offsetX;
var topper = event.clientY;
var topoff = event.offsetY;
var oPopup = window.createPopup();
var oPopBody = oPopup.document.body;
var HTMLContent = eval(menu).innerHTML;
oPopBody.innerHTML = HTMLContent;
oPopup.show(lefter - leftoff - 2, topper - topoff
+ 22, width,height,document.body);
}

[Raed Sawalha]

I modified it as following and still wont display the table style

function showMenu(menu, width , height)
{
var lefter = event.clientX;
var leftoff = event.offsetX;
var topper = event.clientY;
var topoff = event.offsetY;
var oPopup = window.createPopup();
var HTMLContent = eval(menu).innerHTML;
oPopup.document.body.innerHTML = HTMLContent;
oPopup.show(lefter - leftoff - 2, topper - topoff
+ 22, width,/*newHeight*/height,document.body);
}

"Eliyahu Goldin" wrote:

In yout javascript function your manipulate with variables. You never change
the html of the popup window. Should be

oPopup.document.body.innerHTML = HTMLContent;

Eliyahu

"Raed Sawalha" <Ra*********@discussions.microsoft.com> wrote in message
news:68**********************************@microsof t.com...

I have the following table in ascx , when I click the button the table

style

not showing in the popup , it is ONLY showing on the page not in the
popup...WHY?

<TABLE style="BACKGROUND: #d8e8f5;CURSOR:hand" bgcolor="#d8e8f5"
id="tblMenu" cellSpacing="0" cellPadding="2" width="150" border="1">
<TR>
<TD class="standerdfont" >New Document</TD>
</TR>
<TR>
<TD class="standerdfont">New Folder</TD>
</TR>
</TABLE>

this table is shown when user click the button as following:
<TABLE id="Table6" cellSpacing="0" cellPadding="0" width="560" border="0">
<TR>
<TH style="HEIGHT: 14px" vAlign="middle" scope="col" align="right"

width="67">

<IMG id=imgAddNew
onmouseover="MM_swapImage('Image15','','/images/<%=strImgName_New_O%>',1)"
style="CURSOR: hand" onclick="showMenu('tblMenu',100,44);"
onmouseout=MM_swapImgRestore() height=23
src="MailTools/images/<%=strImgName_New%>" width=59 border=0 name=Image15

</TH>

</table>
the javascript function is :
function showMenu(menu, width , height)
{

var lefter = event.clientX;
var leftoff = event.offsetX;
var topper = event.clientY;
var topoff = event.offsetY;
var oPopup = window.createPopup();
var oPopBody = oPopup.document.body;
var HTMLContent = eval(menu).innerHTML;
oPopBody.innerHTML = HTMLContent;
oPopup.show(lefter - leftoff - 2, topper - topoff
+ 22, width,height,document.body);
}