JS dynamic info window acting flaky

Guest · Jan 21, 2005

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
& 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"><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> 
</td>
<td width="8" rowspan="2" align="left" valign="bottom"
bgcolor="#999999"></td>
</tr>
<tr>
<td width="25" align="left" valign="middle" bgcolor="#999999">.</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"> </td>
<td width="22" rowspan="21" align="left" valign="top"
bgcolor="#999999"> </td>
<td height="90" colspan="2" align="left" valign="bottom"
bgcolor="#CCCCCC"><a
href="http://members.aol.com/saylerassoc/saylerassociates.htm">Sayler
Associates</a><a
href="javascript:loadintoIframe('myframe','EmTList.htm')">.</a>..</td>
<td width="8" rowspan="21" align="left" valign="top"
bgcolor="#999999"> </td>
</tr>
<tr>
<td width="100" height="35" align="right" valign="middle"
bgcolor="#CCCCCC">•</td>
<td width="629" height="35" align="left" valign="middle"
bgcolor="#CCCCCC">is
a single source, professional service company formed in
1977</td>
</tr>
<tr>
<td height="45" align="right" valign="middle"
bgcolor="#CCCCCC">•</td>
<td height="45" align="left" valign="middle"
bgcolor="#CCCCCC">is
responsible for all architectural/enginerineering diciplines 
necessary to solve problems relative to your built enviornment
</td>
</tr>
<tr>
<td bgcolor="#CCCCCC"> </td>
<td align="left" valign="top" bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td height="70" colspan="2" align="left" valign="bottom"
bgcolor="#CCCCCC">Projects
range...</td>
</tr>
<tr>
<td height="45" align="right" valign="middle"
bgcolor="#CCCCCC">•</td>
<td height="50" align="left" valign="middle"
bgcolor="#CCCCCC">from
remodeling, renovation, additions and new structures 
<a
href="javascript:loadintoIframe('myframe','ResList.htm')">residential</a>,

<a
href="javascript:loadintoIframe('myframe','OfcList.htm')">office</a>,


<a
href="javascript:loadintoIframe('myframe','MedList.htm')">medical</a>,


<a
href="javascript:loadintoIframe('myframe','IstList.htm')">institutional</a>,


<a
href="javascript:loadintoIframe('myframe','ComList.htm')">commercial</a>,


<a
href="javascript:loadintoIframe('myframe','IndList.htm')">industrial</a>
and <a
href="javascript:loadintoIframe('myframe','IntList.htm')">interiors</a>.</td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC">•</td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC">costing
from small ($100,000) to large ($20,000,000)</td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC">•</td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC">see
entire <a
href="http://members.aol.com/saylerassoc/ProjLst.rtf">Project
List</a></td>
</tr>
<tr>
<td colspan="2" bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#CCCCCC"> 

<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>

</td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td height="40" colspan="2" align="left" valign="bottom"
bgcolor="#CCCCCC">Services
include:</td>
</tr>
<tr>
<td height="45" align="right" valign="middle"
bgcolor="#CCCCCC">•</td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC">studies
to determine needs, solutions, alternatives, and
costs</td>
</tr>
<tr>
<td height="45" align="right" valign="middle"
bgcolor="#CCCCCC">•</td>
<td height="45" align="left" valign="middle"
bgcolor="#CCCCCC">architectural
and engineering services from preliminary design 
through construction administration</td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC">•</td>
<td height="45" align="left" valign="middle"
bgcolor="#CCCCCC">diciplines
in architectural, structural, mechanical, electrical, 
and interior design</td>
</tr>
<tr>
<td height="65" colspan="2" align="left" valign="bottom"
bgcolor="#CCCCCC">Professional
qualifications:</td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC">•</td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC">registered
in Nebraska, Iowa, Colorado, South dakota, and
Wyoming</td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC">•</td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC">past
Corporate member of the American Institute of
Architects</td>
</tr>
<tr>
<td height="35" align="right" valign="middle"
bgcolor="#CCCCCC">•</td>
<td height="35" align="left" valign="middle"
bgcolor="#CCCCCC">certified
by the National Council of Architectural Registration
Boards</td>
</tr>
<tr>
<td height="80" colspan="2" align="center" valign="bottom"
bgcolor="#CCCCCC">page
last modified: Nov. 6, 2004 </td>
</tr>
<tr>
<td height="45" colspan="2" align="center" valign="bottom"
bgcolor="#999999"> 

<script type="text/javascript"
src="http://www.dynamicdrive.com/adbanner.js"></script>
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>
 </td>
</tr>
</table>
</body>
</html>

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
SendGrid email issue in responsive Gmail	1	Nov 4, 2021
Image on header	2	May 2, 2024
Help with Visual Lightbox: Scripts	2	May 3, 2023
Can anyone please help? HTML - two tables applying different styles	4	Dec 1, 2020
I need help fixing my website	2	Oct 15, 2023
Positioning CSS components	1	Nov 16, 2023
How do I fix this issue in sqaurespace code block?	1	Jul 2, 2024

JS dynamic info window acting flaky

Guest

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads