<div>
in firefox, check the error to see why the program in not working 

</div>

<div>
go to tools: Error Console...
</div>

<div>
Also, you may want to download the free tools that Firefox gives for developers...A good one if Firebug. &nbsp;and they also have a javascript debugger...
</div>

<div>
No errors listed in error console. Firebug did not report any error. 
 
Any other thoughts?
</div>

<div>
Try to access the element directly... 
document.rows1.ClassName = &quot;blah&quot;
</div>

<div>
sorry... 
should have written... 
 
var className = document.rows1.ClassName... 
 
in a rush...at work.
</div>

<div>
I don't think you can use like that. 
Anyway, it says document.rows1 is undefined. 
 

</div>

<div>
for this to work: 
document.getElementById(&quot;rows1&quot;) 
 
there can be only one element/tag throughout the page with id=&quot;rows1&quot;. Make sure it is unique.
</div>

<div>
hielo is right, make sure the ID is unique. But you can also try something like this... (see code) 

<pre><code class="code-10 nolinks" id="code-120414">/* Based On Code from Quirksmode.org */
 
function bod( objId, newClass )
{
 if (document.layers)
 {
 document.layers[objId].className = newClass;
 }
 else if (document.all)
 {
 document.all[objId].className = newClass;
 }
 else if (document.getElementById)
 {
 document.getElementById(objId).className = newClass;
 }
}
</code></pre>
</div>

<div>
Here is the code. It works fine in IE not in firefox. 
 
 
 
 
Test 
 
 
 
 
 
 
 
col1 
col2 
col3 
 
 
 
AAAAAAAAAAAAAAA 
<a href="http://javascript:void(1);" rel="ugc"></a> 
 
 
 
BBBBBBBBBBBBBBB...... 
<a href="http://javascript:void(1); return true;" rel="ugc nofollow"></a> 
 
 
 
 
 
 
Thanks for you help.
</div>

<div>
Try: 

<pre><code class="code-10 nolinks" id="code-120519">&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;
 &quot;http://www.w3.org/TR/REC-html40/loose.dtd&quot;&gt;
 
&lt;HTML&gt;
&lt;HEAD&gt;
&lt;style type=&quot;text/css&quot;&gt;
.bordertb {border-top: 2px solid red; border-bottom: 2px solid red;}
.borderlt {border-left: 2px solid red; border-top: 2px solid red; border-bottom: 2px solid red;}
.borderrt {border-right: 2px solid red; border-top: 2px solid red; border-bottom: 2px solid red;}
&lt;/style&gt;
&lt;TITLE&gt;Test&lt;/TITLE&gt;
&lt;SCRIPT LANGUAGE='JavaScript'&gt;
 
function bod(no) {
 for (var i=1;i&lt;4;i++) {
 id = &quot;row&quot;+no+&quot;col&quot;+i;
 if (i == 1) {
 document.getElementById(id).className = &quot;borderlt&quot;;
 alert(&quot;if &quot;+id);
 }
 else if (i == 3) {
 document.getElementById(id).className = &quot;borderrt&quot;;
 alert(&quot;else if &quot;+id);
 }
 else {
 document.getElementById(id).className = &quot;bordertb&quot;;
 alert(&quot;else &quot;+id);
 }
 }
 return true;
}
&lt;/SCRIPT&gt;
&lt;/HEAD&gt;
&lt;BODY&gt;&lt;!-- frame=&quot;box&quot; rules=&quot;groups&quot; --&gt;
&lt;FORM ACTION=&quot;&quot; METHOD=&quot;POST&quot; name=testform&gt;
&lt;TABLE border=1 ALIGN=&quot;center&quot; cellpadding=2 cellspacing=1 style=&quot;top: 57px; left: 5px; width: 569px; text-align: left; margin-left: auto; margin-right: auto;&quot;&gt;
&lt;TR&gt;
&lt;TR height=30&gt;
&lt;TH ALIGN=&quot;center&quot;&gt;col1&lt;/TH&gt;
&lt;TH ALIGN=&quot;left&quot; NOWRAP&gt;col2&lt;/TH&gt;
&lt;TH ALIGN=&quot;left&quot;&gt;col3&lt;/TH&gt;
&lt;/TR&gt;
&lt;TR&gt;
&lt;TD ALIGN=&quot;center&quot; id=&quot;row0col1&quot;&gt;&lt;INPUT TYPE=&quot;checkbox&quot; NAME=&quot;delete&quot; VALUE=&quot;0&quot;&gt;&lt;/TD&gt;
&lt;TD ALIGN=&quot;left&quot; ROWSPAN=&quot;1&quot; COLSPAN=&quot;1&quot; id=&quot;row0col2&quot;&gt;&lt;font color=green &gt;AAAAAAAAAAAAAAA&lt;/font&gt;&lt;/TD&gt;
&lt;TD onclick=&quot;bod('0')&quot; id=&quot;row0col3&quot;&gt;&lt;A HREF=&quot;javascript:void(1);&quot; target=right_frm&gt;&lt;IMG SRC=&quot;next.gif&quot; BORDER=0 alt=&quot;click here&quot; vspace=&quot;0&quot;&gt;&lt;/A&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;TR&gt;
&lt;TD ALIGN=&quot;center&quot; id=&quot;row1col1&quot;&gt;&lt;INPUT TYPE=&quot;checkbox&quot; NAME=&quot;delete&quot; VALUE=&quot;0&quot;&gt;&lt;/TD&gt;
&lt;TD ALIGN=&quot;left&quot; ROWSPAN=&quot;1&quot; COLSPAN=&quot;1&quot; id=&quot;row1col2&quot;&gt;&lt;font color=green &gt;BBBBBBBBBBBBBBB......&lt;/font&gt;&lt;/TD&gt;
&lt;TD onclick=&quot;bod('1')&quot; id=&quot;row1col3&quot;&gt;&lt;A HREF=&quot;javascript:void(1); return true;&quot; target=right_frm&gt;&lt;IMG SRC=&quot;next.gif&quot; BORDER=0 alt=&quot;click here&quot; vspace=&quot;0&quot;&gt;&lt;/A&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TABLE&gt;
&lt;/FORM&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;
</code></pre>
</div>

<div>
Thanks hielo. 
 
Looks like you removed 'frame=&quot;box&quot; rules=&quot;groups&quot;'. I need those for the look and feel. Without it, html table looks ugly. 
 
Can you suggest something with 'frame=&quot;box&quot; rules=&quot;groups&quot;'. 
 
Once again thanks for your help.
</div>

<div>
<div class="content wysiwyg-content">
Hi All, 
 
I have a html page with inline css and javascript as below which sets the column border color when a image on the row is clicked(onclick=&quot;bod()&quot;). It works fine in IE but in firebox. 
 
.abc {border-right: 2px solid blue; border-top: 2px solid blue; border-bottom: 2px solid blue;} 
 
&nbsp;function bod() { 
&nbsp; &nbsp; &nbsp; document.getElementById(&quot;rows1&quot;).className = &quot;abc&quot;; 
} 
.... 
&lt;td id=&quot;rows1&quot;&gt;ZZZ&lt;/td&gt; 
... 
 
Thanks for you help.
</div>
</div>

Hi All,

I have a html page with inline css and javascript as below which sets the column border color when a image on the row is clicked(onclick="bod()"). It works fine in IE but in firebox.

.abc {border-right: 2px solid blue; border-top: 2px solid blue; border-bottom: 2px solid blue;}

 function bod() {
 document.getElementById("rows1").className = "abc";
}
....
<td id="rows1">ZZZ</td>
...

Thanks for you help.

document.getElementById(id).className does not work in firefox

Web browsers are applications used primarily to display documents, files and media from the Internet, identified by a Uniform Resource Identifier (URI) that can be a page, image, video or other file. Some browsers require the use of add-ons or extensions to safely render the information they receive; others have systems built into them to perform the same functions.

Web Browsers

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.