Hi!

I am trying to create a simple set of several layers that fade in/out on mouseovers, and one fade in/out on a mouseclick. The easiest way to see what I am trying to accomplish is just to go to:

www.harvardstudentagencies.com/default2.asp

This page does exactly what I want it to in IE, but in NS none of the Layer Genie scripting works. I am quite confused, because the demos for Layer Genie on DMXzone.com work in NS. What am I doing wrong? Thanks!

Edited by - ktillery on 12 Nov 2003 20:29:29

In Netscape 7.*, your page generates a JavaScript error in a non-LayerGenie script file:
<pre id=code><font face=courier size=2 id=code>
Error: document.body.insertAdjacentHTML is not a function
Source File: www.harvardstudentagencies.com/files/javascript/news_tick.js
Line: 149
</font id=code></pre id=code>
This error may well prevent Layer Genie from doing its job.

Please try to fix this JS error and see if the problem is still there then. If so, then please post back here.

For compatibility with older Netscape versions like version 4.77, you need to move the layer definitions of the nested layers to the HEAD section of the page. This can easily be done by running the free Layer2Style extension on the page. Layer2Style can be downloaded from www.yaromat.com.

Hope this helps.

Regards,

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/

In order to isolate the problem, I have removed the LaunchScroller() function from loading. I no longer receive any kind of error in NS, but still no layers? Any advice? Thanks for the help!

Several layers on your page do not have a valid coordinate declaration. The top/left coordinates must have a suffix 'px' following their number value.
A quote from your page:
<pre id=code><font face=courier size=2 id=code>
&lt;div id="box3photo" style="position:absolute; width:218; height:142; z-index:1; left: 250; top: 95; visibility: hidden;"&gt;
</font id=code></pre id=code>
Make sure that the left and top coordinates for <b>*all*</b> layers have the 'px' suffix, eg. "left: 250px; top: 95px;"

Internet Explorer is very forgiving regarding this type of things, but other browsers are not so forgiving.

Please post back here again if this doesn't solve the Netscape 7+ issue.


--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/

Hi again!

Still no luck, I added pxs for all the layers and it doesn't appear to help. Thanks for all the advice! Any other ideas?

<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>Any other ideas?<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Ouch... I'm afraid you ran into a Layer genie bug here. <img src=../images/dmxzone/forum/icon_smile_sad.gif border=0 align=middle>

I now see that somehow the 'fade in/fade out' option doesn't work anymore in Netscape 6+.
And as that's the transition you're using for all those layers in that page, the layers don't appear at all in Netscape 6+.

An update release for Layer Genie is scheduled for later this month, and I will definitely try to fix this issue before that release. But that's of no help to you now.

Can you maybe (temporarily) use some other display effect for those layers?

Sorry for the inconvenience!

Regards,

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/

Okay, I've fixed it already.

If you don't mind putting a new version of one of the JS functions in your site's JS file manually, then contact me offlist and I will send you the updated function with instructions on where to put it.


--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/