Share your JavaScript tips [and tricks]

Costin Trifan · 04-11-2008, 11:04 AM

If you have some JavaScript tips and tricks you might like to share, than this is a good place to start!

My #1:
Use expression method to set up individual css styles for Internet Explorer browser only:

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
P#paragraph {
color: #009933; /* Green */
color: expression('#FF0000'); /* Red --> IE ONLY */
}
</style>
</head>
<body>
<p id="paragraph">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>

If you run this code in multiple browsers you'll see that the paragraph shows up red only in IE, and green in all others.

Costin Trifan · 04-16-2008, 04:38 PM

At first this could be an easy task (hell, it really is) but not without a little trick. As you know, IE suports the fullscreen mode but other browsers don't, so in my example I'll show you how to make a crossbrowser popup window to be shown in fullscreen mode:

First, let's create the function that we'll use to open the popup window:

Code:

function openPopup(url, name, features) { return window.open(url, name, features); }

Now, let's get the available screen size:

Code:

var width = screen.width, height = screen.height;

Running the code:

Code:

openPopup("http://www.www.www", "windowName", 'width='+width+', height='+height +'toolbar=yes, scrollbars=yes');

Just a small note in the end: don't use popup windows excessivelly, use them only if you have something important to show.