I am trying to have an up arrow appear as the default view. On click I want it to change to a down arrow. On click again I want it to turn back to the up arrow. Sounds simple but for some reason it is killing me.
Here is what I have now:
<td width="418">Name<span style="POSITION: relative; TOP: 2px"><IMG height="2" src=http://www.webdeveloper.com/forum/archive/index.php/"images/blank.gif" width="315"><IMG title="Sort Reports by Name" style="CURSOR: hand" onclick="sortTable('name', 'asc'); document.getElementById('sortUP').src='images/icon_sortDN_on.gif'" src=http://www.webdeveloper.com/forum/archive/index.php/"images/icon_sortUP_on.gif" id="sortUP"><IMG height="2" src="images/blank.gif" width="5"><IMG title="Sort Reports by Name" style="CURSOR: hand" onclick="sortTable('name', 'des');" src=http://www.webdeveloper.com/forum/archive/index.php/"images/icon_sortDN_on.gif"></span></td>
Here is what I have now:
<td width="418">Name<span style="POSITION: relative; TOP: 2px"><IMG height="2" src=http://www.webdeveloper.com/forum/archive/index.php/"images/blank.gif" width="315"><IMG title="Sort Reports by Name" style="CURSOR: hand" onclick="sortTable('name', 'asc'); document.getElementById('sortUP').src='images/icon_sortDN_on.gif'" src=http://www.webdeveloper.com/forum/archive/index.php/"images/icon_sortUP_on.gif" id="sortUP"><IMG height="2" src="images/blank.gif" width="5"><IMG title="Sort Reports by Name" style="CURSOR: hand" onclick="sortTable('name', 'des');" src=http://www.webdeveloper.com/forum/archive/index.php/"images/icon_sortDN_on.gif"></span></td>