Putting an Image dynamically

[Priya Jotwani]

Hi,

I have a JSP page where clicking on a particular column results in Javscript sorting(Ascending & Descending).Now I have to display a GIF file next to this column which indicates the Sorting Order.I have two GIFs for this.How do I put the GIFs dynamically based on the order of Sorting(ascending or descending) ?

Thanks in Advance,

[Gjorgi Var]

In your function that fires on onclick for selecting that particular column you associate the GIF with the chosen order:

if(chosen=ascending)
{
 image.src="some.gif"
}
else
{
 image.src="someother.gif"
}

[ May 20, 2004: Message edited by: Gjorgi Var ]

[Yuriy Fuksenko]

if you reload a page, when you do sorting:

<img src='<%=(isAscending)?"ascending.gif":"descending.gif"%>' border=0>

if sorting is done using JavaScript:

<script>
var isAscending = <%=isAscending%>;
var imgAscending = new Image();
imgAscending.src = "ascending.gif";
var imgDescending = new Image();
imgDescending.src = "descending.gif";
 
function sort(imgId){
 ..... do sorting here
  isAscending = !isAscending;
  var target = document.getElementById(imgId);
  target.src = (isAscending)?imgAscending.src:imgDescending.src;
 
}
</script>
<a href="javascript:sort('img1')><img id="img1" src='<%=(isAscending)?"ascending.gif":"descending.gif"%>' border=0></a>