Browser Compatibility & JavaScript

[powahusr]

I created a web page with JavaScript included in it. When I view the page in “IE(5.5)” it works perfectly, however when I view the page in “Netscape(6.2)” & Opera(6.01) it does not function properly.

JavaScript is enabled in all 3 browsers.

Example:

In the Netscape Browser- Rollover Functionality does not work, the images where the buttons are supposed to be, are not present. Text Links are in the buttons place, which was not intended.

In the Opera Browser- The Rollover Functionality seems to be present, however the images where the buttons are suppose to be are missing. When I put the mouse pointer over each spot where the button is suppose to be, the mouse cursor changes to the “Pointing Finger” as it would over a normal rollover. The background color is only present, and the buttons are invisible. I can even click on the area where the images are supposed to be and get directed to the targeted page.

Any advice, links or tips on compatibility issues with JavaScript and different browsers? How to overcome such issues?

Thanks in advance!!!

 

[blackratthief]

I have also problems with Opera, because it cannot display the JavaApplet (and JavaScript) with my Panoshots (Panoramic Screenshots).

I solved this compatibility issue in the way that I created a download page where you can download a small (ca.120k) stadalone program to display the panoshots and also the panoshots itself:

http://www.panoshots.com/download/pano/

Hope, this helps!

 

[starway]

It is impossible to tell anything particular without seeing any code samples. All I can tell that such a basic things as rollovers work in ALL browsers - if they are done correctly.

Read this:

http://www.opera.com/docs/specs/

It can be helpful for you.

 

[powahusr]

Shortly after my post, I found that the problem was somehow related to the program that I used to created the graphics. You would think that GIF and JPEG graphics were standard, but for some reason I could not get them to view with the rollover effect. I purchased the latest version of Paint Shop Pro, and uploaded the new graphics and the problem was no longer present.

 

[crazyboy]

i want to create a page with javascript that is compatible with other browser. how would i detect opera browser and what version of javascript support opera browser.

 

[powahusr]

I have yet to find a way for Javascript to detect an Opera Browser. Opera seems to do a good job at masquerading as an IE browser.

 

[starway]

crazyboy, in order to make page with javascript that is compatible with other browsers, yuo don't need to detect every browser and give them different scripts. That's a bad way to go.
Write scripts that will be supported by all browsers and will execute well in all of them - that's how it should be.

Anyway, read my FAQ about Opera detection: faq216-1512