Stylesheet/JavaScript Problem

Go to Notice the Geocities logo at the bottom right hand corner which stays there even when you scroll up and down? How is this feature achieved?

Having examined the code I imagine it's the following:

<DIV CLASS="GeoBranding" ID="GeoBranding" STYLE="position:absolute;top:1;display:none;" ALIGN="right">

<A HREF="/Avenues/Entertainment/?source=watermark&browser=MSIE" TARGET="_top"><IMG SRC="/images/branding/geocities.gif" ALT="Click to see more great pages on Entertainment." BORDER="0"></A><BR>

<SCRIPT LANGUAGE="javascript1.2" SRC="/include/branding/default_ie.js"></SCRIPT>

However, when I load this into my browser it fails to load - I have to Cntrl Alt Delete to exit.

Problem is - I don't understand all that's going on in the above example. Specifically the first line <DIV CLASS etc... The line which states /?source=watermark&browser=MSIE, and the last line referring to the Javascript. I thought that JavaScript requires a declaration before the <head> </head> tags and the full HTML page that the above example was taken from does not.

Any help sorting this out would be appreciated.
Who is Participating?
jbirkConnect With a Mentor Commented:
OK, here comes a simple explanation (well sort of)...
The div is a division and it is used now by both Netscape 4 and IE 4 to represent layers when a style is provided (STYLE="position:absolute;top:1;display:none;").  Layers are what make DHTML possible, and opens a whole new world of possibilities.  It would take forever to go into it and explain everything about layers, but if you have specific questions just ask..
Then the link which looks like:
is just a normal link which includes paremeters that are sent to the file, whether it be a cgi program or an html page (which can access those parameters via javascript).

Then the end of it is what's called a javascript include.  What they do there is refer to a file that contains nothing but javascript code.  This code is the code that makes the image follow the page as you scroll.  With IE 4 you can simply type in its location and see the code.  It gets pretty complex though when manipulating layers like that.

Further more it should be mentioned that if you view this same page with Netscape different stuff will be appended to the end of the file because netscape treats layers differently in javascript and html than IE does.


bigstarAuthor Commented:
Edited text of question
bigstarAuthor Commented:
Thanks for the response Josh, although I'm little wiser.

Obviously, I've got to understand more about Style Sheets and DHTML than I do at present - which ain't too much.

As for being able to view the source JavaScript by typing the location - I tried this but it didn't work - what do you suggest I type?


Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

It's hard to know the level of the questioner.  Sorry.
Anyway, type this into the location of IE 4:
for the version of the code for netscape:

Again if you any specific question about layers, just ask.  This code covers a lot of aspects of layers/DHTML so a lot of undertsanding is necesary to fully understand the code and how to do it yourself.
Oh, also the code is stored in a different format than windows machines, so you'll see nonprintable characters instead of endoflines.  If you see this just use a program like homesite to view it or simply replace all these characters with EOLs.

Michel PlungjanIT ExpertCommented:
Type the loaction and the view source
alterntively copy this into an html document, right click and select save link as

<A HREF="">IE</A>
<A HREF="">NS</A>
I have the source code for l here if you want:

hope I ddn't step on anyones toes...

That certainly is an easier way to get the source MasseyM!
bigstarAuthor Commented:
Guys - I've got a problem. When I follow MasseyM's advice, I get a tiny icon on an otherwise blank HTML page. I think something has gone wrong with relationship between Winzip and my browser (both IE4 and Netscape 4). Now I'm not trying to get a two for one dollop of 50 points, but any ideas?

The usual way I pick up zips now is using a right click and 'Save target' but it won't work in this case.
hmmm.... try reinstalling Winzip?
Or you could goto (in netscape) edit, preferences, navigator, applications, and then scroll down to zip (alphabetical list).  You can then select that, and edit the action the browser takes when encountering that file type.  On my browser it shows:
the mime type:
handled by the application:
C:\PROGRA~1\WINZIP\winzip32.exe "%1"
But you could change it to save it to disk also.
I'm not sure about IE 4.
If this doesn't help, I'd suggest reinstalling Winzip.

Good luck,
bigstarAuthor Commented:
Well the Deinstall/Reinstall Didn't work, but I've managed to get the file using 'Godzilla'. Can you give me any addresses on the 'Net where i may learn about how to use DHTML layers. This would be the next move wouldn't it?
I think your best bet is to go buy a book.  I haven't read it, but O'reilly has a book entitled Dynamic HTML.  O'reilly books in my experience have all been good, so this one probably is too.

bigstarAuthor Commented:
I know it's been a good six or seven weeks since I last commented here - so I've returned to apologise for not doing so.

I do so hate it when EE automatically awards points to the last submitted answer (usually with middling points), but I understand why they have to do so.

Anyway, sorry guys you're input is appreciated.

To finish off then: Josh - I have your recommended reading on order. Plus my problem with Winzip and the browser was finally solved with a complete rebuild!
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.