Solved

Stylesheet/JavaScript Problem

Posted on 1998-09-18
12
193 Views
Last Modified: 2013-12-16
Go to http://www.geocities.com/SunsetStrip/Studio/6616/index.html 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>
</DIV>

<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.
0
Comment
Question by:bigstar
12 Comments
 

Author Comment

by:bigstar
Comment Utility
Edited text of question
0
 
LVL 8

Accepted Solution

by:
jbirk earned 50 total points
Comment Utility
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:
/Avenues/Entertainment/?source=watermark&browser=MSIE
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.

-Josh

0
 

Author Comment

by:bigstar
Comment Utility
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?

Cheers

0
 
LVL 8

Expert Comment

by:jbirk
Comment Utility
It's hard to know the level of the questioner.  Sorry.
Anyway, type this into the location of IE 4:
http://www.geocities.com/include/branding/default_ie.js
for the version of the code for netscape:
http://www.geocities.com/include/branding/default_ns.js

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

0
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
Type the loaction and the view source
alterntively copy this into an html document, right click and select save link as

<A HREF="http://www.geocities.com/include/branding/default_ie.js">IE</A>
<A HREF="http://www.geocities.com/include/branding/default_ns.js">NS</A>
0
 
LVL 10

Expert Comment

by:MasseyM
Comment Utility
I have the source code for l here if you want:

http://ldsmissions.net/crm/files/brand.zip

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

0
Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

 
LVL 8

Expert Comment

by:jbirk
Comment Utility
That certainly is an easier way to get the source MasseyM!
-Josh
0
 

Author Comment

by:bigstar
Comment Utility
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.
0
 
LVL 8

Expert Comment

by:jbirk
Comment Utility
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:
application/x-zip-compressed
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,
Josh
0
 

Author Comment

by:bigstar
Comment Utility
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?
0
 
LVL 8

Expert Comment

by:jbirk
Comment Utility
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.

-Josh
0
 

Author Comment

by:bigstar
Comment Utility
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!
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Setting Up a Responsive Form 24 40
FTP File permissions 1 27
Tag input html 4 35
html input clean up 3 27
Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
This article discusses four methods for overlaying images in a container on a web page
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

6 Experts available now in Live!

Get 1:1 Help Now