Saludos, tengo una tabla mysql, la cual tiene registros, hasta arriba en la columna, hay un link que ordena de ascendente a descendente, donde tengo una foto que quiero que al darle click marque una flecha hacia arriba(orden ascendente) y si le vuelves a dar click, la flecha va hacia abajo(descendente), eso lo he logrado con esto...
<script language="javascript">
imagen1=new Image
imagen1.src="up.jpg"
imagen2=new Image
imagen2.src="top.jpg"
var i=1;
function cambiar() {
if (i == 1)
{
document.images['ejemplo'].src=imagen2.src
i=2;
}
else
{
document.images['ejemplo'].src=imagen1.src;
i=1;
}
}
</script>
Y la imagen que va cambiando conforme se le de click
<a href='home.php?pagina=1&var=$var[1]'>Codigo Producto</a><img src='up.jpg' name='ejemplo' onMousedown='cambiar()'>
utiliza un onMousedown con la funcion cambiar el javascript, el detalle es que al ser link, si por ejemplo la imagen es up.jpg, le doy click en la imagen para que los ordene, sale la foto top.jpg, pero al ser link la pagina se actualiza y me regresa al valor por defecto, osea up.jpg, lo que quiero es que si le doy click en top.jpg salga top.jpg y si doy en up.jpd salga esta, no importa si se actualize la pagina, como se podria hacer??
Seria algo asi como el ordenador de registros de myphpadmin, donde sale una flecha encima de cada columna.