Here are a few differences I noticed when writing html & javascript for different browsers. I plan to add more as I come across them.
Problem/Topic
Platform Differences
setAttribute("bgcolor", #334455)
Mozilla 1.1b
Behaves as expected
Netscape 6
Behaves as expected
Internet Explorer 5
Does not appear to have any affect (at least in the specified case)
Instead use: object.style.backgroundColor = #334455
setTimeout(moveFunction, delay, param1, param2)
Mozilla 1.1b
Behaves as expected
Netscape 6
Behaves as expected
Internet Explorer 5
Does not pass param1 or param2
One hack is to use global variables instead of parameters
Image transparency
Mozilla 1.1b
Behaves as expected
Netscape 6
Behaves as expected
Internet Explorer 5
Transparent parts of images are not transparent. But I have seen some games on ie that look like they use transparent images, so there does seem to be a way.
Image layout
Mozilla 1.1b
Behavior seems particular to platform
Sometimes the image doesn't always fill the entire cell even when you explicitly specify it to do so.
Netscape 6
Behavior seems particular to platform
Internet Explorer 5
Behavior seems particular to platform
mouse events
Mozilla 1.1b
You can respond to mouse events by assigning a function to a given type of event. The mouse event information is passed into the function as a parameter.
e.g. document.onmousemove = eventHandler, function eventHandler(e) { xPos = e.clientX; }
Netscape 6
You can respond to mouse events by assigning a function to a given type of event. The mouse event information is passed into the function as a parameter.
Internet Explorer 5
You can respond to mouse events by assigning a function to a given type of event. However, instead of a passed parameter the mouse event is stored in an object named "event".
e.g. document.onmousemove = eventHandler, function eventHandler(e) { xPos = event.clientX; }
Event handling in SELECT widgets
Mozilla 1.1b
Can use onclick in each option tag to respond to selections.
Netscape 6
Can use onclick in each option tag to respond to selections.
Internet Explorer 5
onclick in each option tag does not work. Use onclick in form tag instead. This works on all three browsers.
e.g. form onclick="setStyle(this.styleForm.value)"
Empty visible DIV elements
Mozilla 1.1b
Behaves as expected.
If you explicitly append children to a visible empty element, the children will show up if they are visible.
Netscape 6
Does not behave as expected. Any appended children will not show up if the DIV element is empty.
If you explicitly append children to a visible empty element, the children will not show up even if they are visible. To fix this you can simply put in some text or image in the DIV element to make it show up.
Internet Explorer 5
Behaves as expected.
Current User:
Contact Info:
tdchoi88@yahoo.com
a