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

PatrickG

openhgs has made the point for Windows 8 multiple monitors without realising it! With Windows 7 you have to switch the mouse and so your focus...

2 hours ago by PatrickG on Windows 8 could speed multi-monitor uptake
Leslie Satenstein

Mozilla has threatened to stop supporting Linux. I guess that UBUNTU is going with another browser. I indicated that if Mozilla stops supporting...

3 hours ago by Leslie Satenstein via Facebook on Firefox rapid release improves Fedora Linux
Andy Bolstridge

Much as I abhor Microsoft's licensing practices, this is almost certainly down to purchasing IT equipment via 3rd party consultants - you get the...

3 hours ago by Andy Bolstridge via Facebook on 6 million wasted licences and £1,200 PCs: welcome to government IT
Jack Schofield

@openhgs Windows users have had multiple desktops since Linus started writing Linux. They just haven't shipped as standard because not enough...

20 hours ago by Jack Schofield on Windows 8 could speed multi-monitor uptake
Jack Schofield

@Phil at Cloud4 What, Microsoft gets £1,200 per PC and £1,622 per server? Gosh, I'm amazed....

20 hours ago by Jack Schofield on 6 million wasted licences and £1,200 PCs: welcome to government IT
craigsc

You guys have no idea what is going on at Autonomy. Autonomy could have been a much more profitable organization. The sales operations at Autonomy...

22 hours ago by craigsc on HP cuts 27,000 staff as Autonomy chief Lynch leaves
Moley

How does this impact on dual or multi booting? Seems to me to more or less prohibit this, from Windows 8 anyway. Will Grub 2 recognise Windows 8,...

22 hours ago by Moley on Windows 8 start-up speed forces USB boot workaround
apexwm

I don't understand why there cannot be a slight pause during the boot process so the user can press a key. Many operating systems do this, even if...

23 hours ago by apexwm on Windows 8 start-up speed forces USB boot workaround
Gavin Goodman

You can now buy the Xi3 modular computer in the UK at http://www.ocdistribution.com . This can be bought with the Tand3m software, pricing and...

23 hours ago by Gavin Goodman on CES 2012: Xi3 microSERV3R
Phil at Cloud4

I agree: Mike Lynch can clearly build a business and manage strategy. I suspect the exit of Mike is more likely the end of a planned handover...

1 day ago by Phil at Cloud4 on HP cuts 27,000 staff as Autonomy chief Lynch leaves
Phil at Cloud4

This is unbeleivable government wastage with only one winner... Microsoft 1 - Tax payer Nil!

1 day ago by Phil at Cloud4 on 6 million wasted licences and £1,200 PCs: welcome to government IT
Mispam

So what do you do when you can't boot into windows? Why can't I just hold Shift while I power up instead of having to boot into windows and click a...

1 day ago by Mispam on Windows 8 start-up speed forces USB boot workaround
apexwm

I've also seen that Mac OS X for Intel machines is supposed to run in VirtualBox, which would also be a nice solution. I've never tried it though.

1 day ago by apexwm on xTreme Triple Booting: Linux, Mac & Windows
dave heasman

What I wonder is why when companies are caught bang to rights in not providing contracted services, people bend over to smear the customers? Surely...

1 day ago by dave heasman on Virgin throttles broadband for high-speed customers
pjc158

Strange statement from HP regarding Mike Lynch and not capable of scaling a company. Autonomy was a $7bn purchase which started as a small company...

1 day ago by pjc158 on HP cuts 27,000 staff as Autonomy chief Lynch leaves
lojolondon

Or - possibly, they will destroy business by ensuring people do not invest where there is no return. Another socialist idea, well beyond it's...

1 day ago by lojolondon on Open Data Institute will act as biz incubator
J.A. Watson

Good stuff Jake, very interesting. Thanks. jw

1 day ago by J.A. Watson on xTreme Triple Booting: Linux, Mac & Windows
openhgs

"the cost of a second LCD screen is about the same as one day of an office worker's time, so this should soon be recouped in extra productivity."...

1 day ago by openhgs on Windows 8 could speed multi-monitor uptake
Thomas Gellhaus

I also installed the KDE version; I also will probably try out razorqt since I really haven't had a chance to before. I'm looking forward to the...

2 days ago by Thomas Gellhaus via Facebook on Mageia 2 Released
francisabigail

Acquiring when reinvention/cannibalization is too challenging for a large organization can be an excellent strategy- still, so many mergers stumble...

2 days ago by francisabigail on Ariba buy parks SAP on Oracle's cloud turf