ScottInTexas
01-12-2003, 05:01 PM
My menu builds a calendar on the screen using the .location parameter of an iframe. The calendar page includes javascript for several functions and it also includes a pop-up built from a div with a two row X 2 col table. One of the cells has the onclick event defined to close (hide) the div. When I run the page by itself it works fine but when it is used in the .location method (becomes a part of the main page) it can no longer find the defined javascript.
You can see it here http://www.ssscuba.com/testindex.html
Ignore the colors, I'll adjust later.
The first div is the pop-up window and the second Div is the calendar
<div id="popwin" Style="position:'absolute';visibility:'hidden';filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=90)'">
<table class="popup">
<THEAD>
<TR>
<TH width="60%" align="left" style="color:black;">Scheduled Functions</TH>
<TH style="width:40%;cursor:pointer;text-align:right;color:black;" onClick="parent.closeAppt()" Close</TH>
</TR>
</THEAD>
<TBODY><TR>
<TD colspan="2" id="Textspace" align="left" class="apptTxt" style="color:black;filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=95)'">This is the innerText
</TD>
</TR>
</TBODY>
</Table>
</div>
<!-- This is the space for the calendar -->
<div class="calSpace">
<iframe name="cal" frameborder="0" width="100%" height="100%" scrolling="auto">
</iframe>
</div>
testpage contains the closeAppt() function and the whole calendar is pasted into the testIndex html page.
If you call up testpage by itself it works fine.
Thanks for your help.
You can see it here http://www.ssscuba.com/testindex.html
Ignore the colors, I'll adjust later.
The first div is the pop-up window and the second Div is the calendar
<div id="popwin" Style="position:'absolute';visibility:'hidden';filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=90)'">
<table class="popup">
<THEAD>
<TR>
<TH width="60%" align="left" style="color:black;">Scheduled Functions</TH>
<TH style="width:40%;cursor:pointer;text-align:right;color:black;" onClick="parent.closeAppt()" Close</TH>
</TR>
</THEAD>
<TBODY><TR>
<TD colspan="2" id="Textspace" align="left" class="apptTxt" style="color:black;filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=95)'">This is the innerText
</TD>
</TR>
</TBODY>
</Table>
</div>
<!-- This is the space for the calendar -->
<div class="calSpace">
<iframe name="cal" frameborder="0" width="100%" height="100%" scrolling="auto">
</iframe>
</div>
testpage contains the closeAppt() function and the whole calendar is pasted into the testIndex html page.
If you call up testpage by itself it works fine.
Thanks for your help.