Writing cross-platform DHTML

Daily Newsletters

Sign up to ZDNet UK's daily newsletter.

A good baseline level for assumed browser currency is to write for Internet Explorer 4.0 and Netscape Navigator 4.0 and above, although of course any decision in this area is specific to your application. Sniffing out the browser running the code can be as general or as specific as you need it to be. For example, if Netscape Navigator is running the code, and you just need to know whether it's Navigator 4.0 or higher, all you have to do is look for a layers object. Test for the presence of that object and you'll know where you are. If you need to know the specific version that's running, the navigator object will give you more detail. It has a property called appVersion that will give you everything you need. To pin down the presence of Internet Explorer, test for the object document.all. If it's there, you're on Internet Explorer, and your version is 4.0 or higher. You can use many similar tests and browser-specific detection tricks. Consult the documentation on specific versions of browsers to learn more. Be sure in writing your code that you cover every browser and version prevalent in your user community, so that you can write conditional variations on all the critical functions of your page. Branching out
Creating the conditional branches for your functional code, once you've sniffed out the browser, can be done a number of ways, many of which you can come up with off the top of your head. But in addition to these, there's a neat trick you should know. The general idea is called conditional commenting. This is the one of the easiest conditional coding techniques imaginable. It works simply: Embed code that uses features specific to newer browsers within the comment tags of older browsers. The net effect will be that older browsers (incapable of running the code) will ignore that section of code, while newer browsers will do the opposite, ignoring the tags and running the code. There's also an enhanced version of conditional commenting. This is a good choice if you're writing primarily for more modern browsers, such as Internet Explorer 5.0 or equivalents. It employs the concept mentioned above, utilising both the old-style comment tags: <!-- comment goes here--> and a newer variation, specific to IE 5: <! With this tag, code can be enabled and disabled for Internet Explorer 5 by toggling with these comment tags: <!-- html src start --><![if ! IE 5]>
I am an object being displayed by a Web page running on some browser other than Internet Explorer 5.
<![endif]>
<!-- [if IE 5]>
I am an object being displayed by a Web page running on Internet Explorer 5.
<![endif]--> You can do a lot more, in the course of scripting, to optimise your application. For instance, it's easy to externalise scripts and even to activate them based on the OOP attributes of screen objects. We'll examine these subjects down the road.

Have your say instantly in the Tech Update forum. Find out what's where in the new Tech Update with our Guided Tour. Let the editors know what you think in the Mailroom.

Post your comment

In order to post a comment you need to be registered and logged in.

You can also log in with Facebook. Log in or create your ZDNet UK account below

  • Login

Will not be displayed with your comment

By signing up for this service, you indicate that you agree to our Terms and Conditions and have read and understood our Privacy Policy. Questions about membership? Find the answers in the Community FAQ

Get ZDNet UK's daily newsletter

Enter your email address to sign up

ZDNet UK Live

Moley

@kevinmchapman. OK, I acknowledge that 'most' was a gratuitous throwaway comment as an afterthought and too presumptuous. As to proof, as you...

4 hours ago by Moley on A tale of two distros: Ubuntu and Linux Mint
Jack Schofield

@BrownieBoy > Works really well for thieves.... >> Nice attempt to deflect the argument by tossing in a point that's totally >> irrelevant, even...

5 hours ago by Jack Schofield on AMD Ultrathins to challenge Intel Ultrabooks
raskolnikof

fantastic that the so called piracy bills have been withdrawn. however, these anti-democracy supporters are still in the shadows so lets be alert...

6 hours ago by raskolnikof on SOPA, Protect IP support wavers in face of online protest
Tony Douglas

Please God no; teach them anything you like - thinking rationally, the uses and misuses of data, what data is and what it's not - but leave the...

8 hours ago by Tony Douglas via Facebook on Kids are the future. Teach ’em to code.
BrownieBoy

@Jack, > Works really well for thieves.... Nice attempt to deflect the argument by tossing in a point that's totally irrelevant, even it were...

23 hours ago by BrownieBoy on AMD Ultrathins to challenge Intel Ultrabooks
bootlegger

Make that 13 people now - I got refused today at Manchester airport. I thought I was up to date on this legislation - I knew of the EU ruling from...

1 day ago by bootlegger on UK airport body scans will not be opt out
tinycg

Don't forget to check out apps like GoodReader or SlideShark either, they're indispensible for people on the go in presentation situations. Best...

1 day ago by tinycg on Four top iPad apps for people on the move
TerryRK

Well it seems there is something a number of us agree on. Why is the Ubuntu Unity launcher so ugly? I thought perhaps it was something to do with...

1 day ago by TerryRK on A tale of two distros: Ubuntu and Linux Mint
Freebies202

Duplicate comments are not made intentionally. Its very good to know that now you are keeping check on this problem because sometimes a commenter...

2 days ago by Freebies202 on Microsoft fixes blog comments, speeds up blogs with open source
kevinmchapman

"the very significant number of users" and "many (most) of us" - you have no evidence for these statements. It is a fact that most users are saying...

2 days ago by kevinmchapman on A tale of two distros: Ubuntu and Linux Mint
Marg Menzies Harrison

Another grammar faux pas is the improper use of "you". When sitting down down in a restaurant, for example, I get cringe when the waitress...

2 days ago by Marg Menzies Harrison via Facebook on 10 flagrant grammar mistakes that make you look stupid
zdnetukuser

And NOW, folks, for Canonical's next trick... Kubuntu is late. Here's a pencil. Draw your own conclusions. cf.:...

2 days ago by zdnetukuser on Linux Minterface
Moley

@kevinmchapman. The discussion here reflects the very significant number of users who really do like the traditional menu system and who wish to...

2 days ago by Moley on A tale of two distros: Ubuntu and Linux Mint
kevinmchapman

Er, no... It is an efficient means of finding the application/file/setting you need in one place. The icons are a simply a fallback for when you...

2 days ago by kevinmchapman on A tale of two distros: Ubuntu and Linux Mint
TerryRK

Isn't the provision of a text based search an admission by the developers that the mass of icons approach does not work? I don't need to use a...

2 days ago by TerryRK on A tale of two distros: Ubuntu and Linux Mint
kevinmchapman

"Unity and GNOME 3 both abandon the old text-based cascading menus in favour of a graphical icon-driven system." Point truly missed. Both use a...

2 days ago by kevinmchapman on A tale of two distros: Ubuntu and Linux Mint
TerryRK

whs001 - Thank you, I'm glad you liked the article. I absolutely agree with you on your first point. I should perhaps have made it clearer that...

2 days ago by TerryRK on A tale of two distros: Ubuntu and Linux Mint
Dennis Nilsson

If we allow corporate interest to dictate the way our government circumvents due process against foreign entities then we should accept the same...

2 days ago by Dennis Nilsson via Facebook on ACTA stumbles in Germany
GHar123

I totally dislike pirating of works, I fear that artists will be deterred from creating works if they think that they are going to get ripped off....

3 days ago by GHar123 on ACTA stumbles in Germany
JCB33

How dare film makers, artists or anybody that invests in creativity stop us pirating their works for free. I want to be able to walk into my local...

3 days ago by JCB33 on ACTA stumbles in Germany