Newbie: CSS+ inline JS works in I.E but not N.N/Mozilla

Patrick · Aug 24, 2003

Hi

I hope since i am using some inline script that this is not
off-topic.I am about finished with my first JS book which is
"Javascript 1.5 by example".
This chapter deals with using CSS with JS.The author writes a few
examples to type and try, letting us know that they will work only in
I.E.
Well he didn't lie they work only in I.E and not in N.N 7 or Mozilla.
I wonder why he didn't let us know why they will work only in I.E?
What if i want the effect to work in all 3 browsers?
I searched this newsgroup faq, searched past posts via google, checked
http://devedge.netscape.com/, w3.org and the netscape homepage to no
avail.Found CSS and netscape stuff but nothing including JS.
Can anybody point me to some resources on using CSS and JS that works
in all 3 browsers (N.N, I.E.,Mozilla)?

Here is one of the code example from the book:

<SCRIPT TYPE="Text/javascript">
function addunderline(){
head1.style.textDecoration = "underline"
}

function removeunderline() {
head1.style.textDecoration = "none"
}

function addoverline() {
head1.style.textDecoration = "overline"
}
</SCRIPT>
<STYLE>

</STYLE>
</HEAD>
<BODY>
<H1 id="head1" onMouseover="addunderline()"
onMouseout="removeunderline()" onClick="addoverline()">Welcome to this
page!</H1>
<P>You have a lot of text right here.</P>

Thanks in advance

Patrick
(e-mail address removed)

Lasse Reichstein Nielsen · Aug 24, 2003

Can anybody point me to some resources on using CSS and JS that works
in all 3 browsers (N.N, I.E.,Mozilla)?

Here is one of the code example from the book:

<SCRIPT TYPE="Text/javascript">
function addunderline(){
head1.style.textDecoration = "underline"

The error here is to assume that "head1" is available as a global variable.
This is very bad style, and the author should be ashamed.
Use
document.getElementById('head1').style.textDecoration = "underline";
instead.

You can read more on:
<URL:http://www.mozilla.org/docs/web-developer/upgrade_2.html>
(the problem here is mentioned under "Unsupported DOM-related Properties"),
and:
<URL:http://devedge.netscape.com/viewsource/2002/gecko-compatibility/>

/L

Patrick · Aug 26, 2003

You can read more on:

<URL:http://www.mozilla.org/docs/web-developer/upgrade_2.html>
(the problem here is mentioned under "Unsupported DOM-related Properties"),
and:
<URL:http://devedge.netscape.com/viewsource/2002/gecko-compatibility/>

/L

Thanks a lot for your help Lasse.Will check it all out.

Patrick

Need assistance finetuning HTML, CSS, Javascript - sticky header issue	3	Feb 25, 2022
Using JS to verify registration info?	1	Mar 19, 2020
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
ClientScript working in IE but not Mozilla	6	Jun 11, 2009
Problem: script works in IE but not FF	5	May 16, 2011
This works in IE but not in Mozilla	2	Mar 29, 2005
Script works in Firefox and Chrome, but not in IE7	1	Apr 29, 2009
works in html form but not when in external JS file	4	Mar 25, 2008

Newbie: CSS+ inline JS works in I.E but not N.N/Mozilla

Patrick

Lasse Reichstein Nielsen

Patrick

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads