JS dynamic info window acting flaky


G

Guest

Hello, all!
I have done a company website for a family architecture business,
members.aol.com/saylerassoc/architecture.htm, and I think I am done
with developing an outreach for interested viewers. The interface is
still clunky, however.

DESCRIPTION:
It has a window in the middle of the page which displays every major
project that has run through the owner in the past 35 years.
Everything fits onto about 6 pages, but the user never leaves the home
page in browsing the information. It is very fast.

My problem is that I always thought the window would be closed
(invisible) until a viewer clicked an info hotlink, and then it would
spring open with the info pertaining to whatever link they first chose
to view.
The home page always "clunked" open with that JS window filled with
info from one of the links (when I was developing it). I think it
always defaulted to the first hotlink data on the page.

The other "clunk" is that I rebuilt this partition recently, and just
now the info seems to be invisible until a link is clicked.
Problem is: the page didn't even LOAD my first try, and then required
multiple tries and a page reload to get the window to open at all!
Well, I am using a fresh Win98SE install and MSIE5.5, and I don't see
how such a small amount of JS can be so problematic!


Q: can some JS techie look at this tidy bit of code and tell me what is
going on so I can finish this project? It sure would feel good if I can
close the issue up somehow; maybe what I want cannot even be done
without extensive additions to my little stretch of HTML/JS that I
would have to actually charge for. Help?
P.S., please note that the first hotlink is "Sayler Associates...",
BUT, the first period in the ellipsis is a separate JS hotlink to the
info window, which pastes a "NULL" dataset into the window. I thought
this might help the page load in "compact form (with no open info
window.) Should I delete this? Again, is there a right way to achieve
this goal?


ENTIRE HTML FOLLOWS (sorry for the extensive slobbering! :)
<html>

<head>
<meta name="description"
content="Click here for a script that prints the current document!">
<meta name="keywords" content="print button, print document, print
script">
<title>Sayler Associates Architectural Services for eastern Nebraska
&amp; western Iowa</title>

<style type="text/css">
pre{
background-color:#EFEFEF;
}
</style>

<script type="text/javascript">

/***********************************************
* IFrame SSI script II- © Dynamic Drive DHTML code library
(http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/

//Input the IDs of the IFRAMES you wish to dynamically resize to match
its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or
["myframe"] or [] for none:
var iframeids=["myframe"]

//Should script hide iframe from browsers that don't support this
script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"

function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids)
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids] :
document.getElementById(iframeids)
tempobj.style.display="block"
}
}
}

function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument &&
currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight;
else if (currentfr.Document && currentfr.Document.body.scrollHeight)
//ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe) // Bug fix line
currentfr.attachEvent("onload", readjustIframe)
}
}
}

function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget :
crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}

function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}

if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller

</script>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1"></head>

<body bgcolor="#FFFFFF" background="../dynamicback2.gif" leftmargin="0"
marginwidth="0" >

<table border="0" width="810" cellspacing="0" cellpadding="0">
<tr>
<td width="759" colspan="2" align="left" valign="middle"><p
align="center"><font size="3" face="Verdana, Arial, Helvetica,
sans-serif" style="font-size: smaller"><a
href="http://members.aol.com/proworksamples/default.htm"><img
src="http://members.aol.com/saylerassoc/SA800-93.jpg" alt="Sayler
Associates Commercial Architecture Home Page" width="800" height="93"
border="0"></a></font><br>
</td>
<td width="8" rowspan="2" align="left" valign="bottom"
bgcolor="#999999"></td>
</tr>
<tr>
<td width="25" align="left" valign="middle" bgcolor="#999999"><font
color="#FFFFFF">.</font></td>
<td width="700" align="left" valign="middle" bgcolor="#CCCCCC"><a
href="javascript:loadintoIframe('myframe','EmTList.htm')"></a></td>
</tr>
</table>

<table border="0" width="810" cellspacing="0" cellpadding="0">
<tr>
<td width="8" rowspan="21" align="left" valign="top"
bgcolor="#999999">&nbsp;</td>
<td width="22" rowspan="21" align="left" valign="top"
bgcolor="#999999"><font color="#000000">&nbsp;</font></td>
<td height="90" colspan="2" align="left" valign="bottom"
bgcolor="#CCCCCC"><strong><font color="#000000" size="4" face="Verdana,
Arial, Helvetica, sans-serif"><strong><a
href="http://members.aol.com/saylerassoc/saylerassociates.htm">Sayler
Associates</a><a
href="javascript:loadintoIframe('myframe','EmTList.htm')"><font
size="4">.</font></a>..</strong></font></strong></td>
<td width="8" rowspan="21" align="left" valign="top"
bgcolor="#999999">&nbsp;</td>
</tr>
<tr>
<td width="100" height="35" align="right" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="+3">•</font></td>
<td width="629" height="35" align="left" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif">is
a single source, professional service company formed in
1977</font></td>
</tr>
<tr>
<td height="45" align="right" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="+3">•</font></td>
<td height="45" align="left" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif">is
responsible for all architectural/enginerineering diciplines<br>
necessary to solve problems relative to your built enviornment
</font></td>
</tr>
<tr>
<td bgcolor="#CCCCCC"><font color="#000000">&nbsp;</font></td>
<td align="left" valign="top" bgcolor="#CCCCCC"><font
color="#000000">&nbsp;</font></td>
</tr>
<tr>
<td height="70" colspan="2" align="left" valign="bottom"
bgcolor="#CCCCCC"><font color="#000000" size="4" face="Verdana, Arial,
Helvetica, sans-serif"><strong>Projects
range...</strong></font></td>
</tr>
<tr>
<td height="45" align="right" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="+3">•</font></td>
<td height="50" align="left" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif">from
remodeling, renovation, additions and new structures <br>
</font><font color="#000000" size="3" face="Verdana"
style="font-size: smaller"><a
href="javascript:loadintoIframe('myframe','ResList.htm')"><font
face="Verdana, Arial, Helvetica,
sans-serif">residential</font></a></font><font color="#000000" size="3"
face="Verdana, Arial, Helvetica, sans-serif">,
</font><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif" style="font-size: smaller">
<a
href="javascript:loadintoIframe('myframe','OfcList.htm')">office</a></font><font
color="#000000" size="3" face="Verdana, Arial, Helvetica, sans-serif">,

</font><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif" style="font-size: smaller">
<a
href="javascript:loadintoIframe('myframe','MedList.htm')">medical</a></font><font
color="#000000" size="3" face="Verdana, Arial, Helvetica, sans-serif">,

</font><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif" style="font-size: smaller">
<a
href="javascript:loadintoIframe('myframe','IstList.htm')">institutional</a></font><font
color="#000000" size="3" face="Verdana, Arial, Helvetica, sans-serif">,

</font><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif" style="font-size: smaller">
<a
href="javascript:loadintoIframe('myframe','ComList.htm')">commercial</a></font><font
color="#000000" size="3" face="Verdana, Arial, Helvetica, sans-serif">,

</font><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif" style="font-size: smaller">
<a
href="javascript:loadintoIframe('myframe','IndList.htm')">industrial</a></font><font
color="#000000" size="3" face="Verdana, Arial, Helvetica, sans-serif">
and </font><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif" style="font-size: smaller"><a
href="javascript:loadintoIframe('myframe','IntList.htm')">interiors</a></font><font
color="#000000" size="3" face="Verdana, Arial, Helvetica,
sans-serif">.</font></td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="+3">•</font></td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif">costing
from small ($100,000) to large ($20,000,000)</font></td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="+3">•</font></td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif">see
entire <a
href="http://members.aol.com/saylerassoc/ProjLst.rtf">Project
List</a></font></td>
</tr>
<tr>
<td colspan="2" bgcolor="#CCCCCC"><font
color="#000000">&nbsp;</font></td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#CCCCCC"> <font
color="#000000">
<!--webbot bot="HTMLMarkup" startspan -->
<iframe id="myframe" src="ResList.htm" scrolling="no"
marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0"
style="overflow:visible; width:620px; display:none"></iframe>
<!--webbot bot="HTMLMarkup" endspan i-checksum="37255" -->
</font></td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#CCCCCC"><font
color="#000000">&nbsp;</font></td>
</tr>
<tr>
<td height="40" colspan="2" align="left" valign="bottom"
bgcolor="#CCCCCC"><font color="#000000" size="4" face="Verdana, Arial,
Helvetica, sans-serif"><strong>Services
include:</strong></font></td>
</tr>
<tr>
<td height="45" align="right" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="+3">•</font></td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif">studies
to determine needs, solutions, alternatives, and
costs</font></td>
</tr>
<tr>
<td height="45" align="right" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="+3">•</font></td>
<td height="45" align="left" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif">architectural
and engineering services from preliminary design <br>
through construction administration</font></td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="+3">•</font></td>
<td height="45" align="left" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif">diciplines
in architectural, structural, mechanical, electrical, <br>
and interior design</font></td>
</tr>
<tr>
<td height="65" colspan="2" align="left" valign="bottom"
bgcolor="#CCCCCC"><font color="#000000" size="4" face="Verdana, Arial,
Helvetica, sans-serif"><strong>Professional
qualifications:</strong></font></td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="+3">•</font></td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif">registered
in Nebraska, Iowa, Colorado, South dakota, and
Wyoming</font></td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="+3">•</font></td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif">past
Corporate member of the American Institute of
Architects</font></td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="+3">•</font></td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC"><font color="#000000" size="3" face="Verdana, Arial,
Helvetica, sans-serif">certified
by the National Council of Architectural Registration
Boards</font></td>
</tr>
<tr>
<td height="80" colspan="2" align="center" valign="bottom"
bgcolor="#CCCCCC"><font color="#000000" size="1" face="Arial,
Helvetica, sans-serif">page
last modified: Nov. 6, 2004 </font></td>
</tr>
<tr>
<td height="45" colspan="2" align="center" valign="bottom"
bgcolor="#999999"><p align="left">&nbsp;</p>
<font color="#000000"></p>
<script type="text/javascript"
src="http://www.dynamicdrive.com/adbanner.js"></script>
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">Java
controls
and SSI emulation (via DHTML) made available by: <a
href="http://www.dynamicdrive.com"><img
src="http://members.aol.com/saylerassoc/ddrivelogo.gif" width="66"
height="25" border="0"></a>
</font></font> </td>
</tr>
</table>
</body>
</html>
 
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top