Dynamic Drive DHTML code library!

spacer.gif (807 bytes)


Search DD
Recommend DD
Help Forums New
DHTML books

Featured Script
Rollover buttons 

Turn regular form buttons into rollover menus with this script!


Free JavaScripts

Link to DD

Do you use scripts from Dynamic Drive? Please give something back by linking to us...
spacer.gif (807 bytes) Dynamic Drive DHTML Newsletter!
July 26th, 1999 Issue #8
Dynamic Drive URL: http://dynamicdrive.com

Welcome to the Dynamicdrive.com DHTML newsletter, the DHTML newsletter that keeps you informed on the latest updates to Dynamicdrive.com, and news on the DHTML technology!

------------------Newsletter begins here-----------
1) New DHTML scripts added to Dynamic Drive
2) DHTML Tip: Conditional comments Part I
3) Fun with DHTML: More easter eggs!
4) Server issues

1) New DHTML scripts added to Dynamic Drive

-Ticker tape script (http://dynamicdrive.com/dynamicindex2/generaltick.htm)

A simple, elegant cross-browser ticker tape. Supports unlimited messages, HTML codes, and degrades well with lower browsers. This script is a perfect example of why DHTML may very well eventually replace Java applets on the WWW- the ticker is faster, more efficient, and much more stable than any of it's Java counterparts!

-Boxing away script (http://dynamicdrive.com/dynamicindex3/awaybox.htm)

We got our inspiration for this DHTML script from an inter-scene effect seen on TV. It gradually clears away a bunch of "checkboxes" that cover the entire page to reveal the document beneath it as the surfer enters the page. Cool!

-Always on top content (http://dynamicdrive.com/dynamicindex11/topcontent.htm)

"Emphasize" and make particular content on your page stand out by keeping them always visible on the visitor's browser screen, with this advanced DHTML script! Anything (HTML code, JavaScript etc) that's placed inside the script's "content box" will be kept static on the screen, with the ability to drag and toggle on/off this box. Wow!

-Static top menu bar (http://dynamicdrive.com/dynamicindex1/sm/index.htm)

This script uses several features of DHTML to create a static, two-level menu bar that continuously hovers on the top of your browser screen. The possibilities in terms of use for this script are endless, since the script degrades perfectly with all browsers. Thanks to Constantin, a Dynamic Drive surfer, for creating this marvelous IE 5 script!

2) DHTML Tip: Conditional comments Part I

Conditional comments(CC) is a cool new feature of IE 5 we believe every webmaster should learn about, regardless of their skill level. Think of CC as regular HTML comments, except that CC allows you to conditionally comment out actual portions of your webpage, so only IE 5 (or all browsers except IE 5) users see them. Below shows the syntax for the two "flavors" of CC:

1) Flavor #1:
<!--[if IE 5]>
You are using IE 5!

2) Flavor #2:
<![if ! IE 5]>
You are NOT using IE 5

The first type of CC causes whatever code put inside of it (HTML, JavaScript etc) to be rendered and seen ONLY by IE 5 browsers, while the second does the exact opposite, and renders the containing code for all browsers EXCEPT Internet Explorer 5. Try inserting the above source code into your webpage...IE 5 users will see only the text "You are using IE 5!", while all other browsers, "You are NOT using IE 5!" instead. We ask that you pause for a moment now, and absorb in the last few sentences, and the true magnificence of conditional comments. Essentially, CC grants you the ability to conditionally select what content should be displayed to IE 5 users (and ignored by all other), and what should not. Several scripts on Dynamic Drive take advantage of CC to create powerful IE 5 scripts that degrade 100% well with all other browsers, even when the script involves HTML codes/ images. The Static Menu script (http://dynamicdrive.com/dynamicindex1/contextmenu.htm) and Always On Top Content Script (http://dynamicdrive.com/dynamicindex11/topcontent.htm) are examples of that. Now, even if you're not a JavaScript/DHTML developer, the knowledge of conditional comments can still be invaluable to you. Let's say you just downloaded a IE 5 script that you know works as it should in IE 5, but generates some alien error message in other browsers. Simply wrap the entire script using flavor #1 of CC, and kiss those errors goodbye!

In the next issue of the Dynamic Drive newsletter, we'll explore NS 4's own support for conditional comments...you definitely don't want to miss that!

3) Fun with DHTML: More easter eggs!

A few issues back, we showed you how to activate the "anti-Mozilla" easter egg of IE 5, where a big "IE" logo falls on top and flattens the poor Netscape Mascot. In this issue, we'll reveal a couple more of these fun "thingies", one intended for all Netscape browsers, and the other, IE 5.

A rather well known easter egg of Netscape is the "Fish Cam" egg. When called upon, it takes you to Netscape's live fish cam page, where supposedly, continuously updated shots of a fish tank (with fishes in it, of course!) is presented to you. Perhaps it was just at the time when we visited the page, but the fishes don't seem to be moving to us! In any event, we'll let you be the judge- press Ctrl+Alt+f in any version of Netscape to activate the easter egg. Click on one of the "Camera" links listed at the center of the page. Drop us a note (dynamicdrive@yahoo.com) if you see anything moving- at all!

Now, onto an IE 5 egg. Many people- surfers and developers alike- agree that, at the moment, IE 5 is probably the best all-around browser on the market. Regardless of which side of the fence you stand on this opinion, aren't you just a bit curious as to the names of the computer geeks -ur- programmers that were involved in the realization of this solid browser? Clicking on "Help-> About Internet Explorer" in your browser's menu bar certainly won't reveal much, that's for sure. Try typing "about:<!-- introducing the Trident team -->" in IE 5's location bar instead to get a better glimpse. The egg triggers a rather interesting display of the names of the Trident team, the creators of IE 5!

4) Server issues

They say success always comes with a price. Well, we believe we're starting to experience first hand the truth behind this saying. Dynamic Drive, since it's inception, has been growing at a consistent and phenomenal rate, and while this is great news indeed, our server obviously is starting to feel a little overloaded trying to handle this demand. As a result, during the past two weeks, you may have experienced some slowness accessing Dynamic Drive. We're here to tell you that relief is on it's way! In the upcoming two weeks, we'll be moving Dynamic Drive to a much more robust and powerful server, so any network issues you may be feeling are only temporary. We'll definitely post up a big sign on the frontpage of Dynamic Drive when the move has been completed, so hang in there!

This concludes the 8th edition of the Dynamic Drive DHTML newsletter. If you have a moment, please forward this newsletter to your friends and co-workers who may be interested in receiving it. See you again in issue 9!

Recommend Us!
-If you like Dynamic Drive, please recommend us to a friend...

All- Script works with Netscape 4 AND Internet Explorer 4+
NS- Indicates script works with Netscape 4 (NOT NS 6 yet)
IE- Indicates script works with Internet Explorer 4 and above
NS6!- Temporary index set up on script category pages to indicate script works in NS6

Copyright 1998-2004 Dynamic Drive. Please read Terms Of Use here before using any of the scripts.
Partners: JavaScript Tutorials | JavaScript Reference