number list

@yaronauthorSep 16.2003 — #if the option is off and teh button is clicked then my table will like this

1. data1

2. data2

3. data3

and if the option is on and the button is clicked then my table will like it looks now.

data1

data2

data3

@pyroSep 16.2003 — #Try this:

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd"&gt;
 &lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Example&lt;/title&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
 
 &lt;style type="text/css"&gt;
 .num {
 width: 15px;
 }
 .altnum {
 display:none;
 }
 &lt;/style&gt;
 
 &lt;script type="text/javascript"&gt;
 function setNums(action) {
 table = document.getElementById("mytable");
 td = table.getElementsByTagName("td");
 for (i=0; i&lt;td.length; i++) {
 if (action == "hide") {
 if (td[i].className == "num") {
 td[i].className = "altnum";
 }
 }
 else {
 if (td[i].className == "altnum") {
 td[i].className = "num";
 }
 }
 }
 }
 &lt;/script&gt;
 
 &lt;/head&gt;
 
 &lt;body&gt;
 &lt;p&gt;&lt;a href="javascript:void(0);" onclick="setNums('hide'); return false;"&gt;hide&lt;/a&gt; | &lt;a href="javascript:void(0);" onclick="setNums('show'); return false;"&gt;show&lt;/a&gt;&lt;/p&gt;
 &lt;table id="mytable" style="border: 1px solid;"&gt;
 &lt;tr&gt;
 &lt;td class="num"&gt;1&lt;/td&gt;
 &lt;td&gt;One&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td class="num"&gt;2&lt;/td&gt;
 &lt;td&gt;Two&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td class="num"&gt;3&lt;/td&gt;
 &lt;td&gt;Three&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;/body&gt;
 &lt;/html&gt;

number list

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

number list

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴