Bueno pues ahorita le cambie los valores del arreglo, el js sigue siendo el mismo que les dije en el primer post, aqui el codigo completo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script src="orden.js" type="text/javascript"></script>
<script language="JavaScript">
var elementos = new Array();
elementos[0]="Uno";
elementos[1]="Dos";
elementos[2]="Tres";
elementos[3]="Cuatro";
function imprime_listado_basico(){
texto="";
for (i=0;i<elementos.length;i++){
texto += elementos[i];
if (i!=0){
texto += " <a href='#' onclick='arriba(" + i + ")'>arriba</a>";
}
if (i!=elementos.length-1){
texto += " <a href='#' onclick='abajo(" + i + ")'>abajo</a>";
}
texto += "<br>";
}
xInnerHtml('listado_elementos',texto);
}
function imprime_listado(){
texto="<table>";
for (i=0;i<elementos.length;i++){
texto += "<tr bgcolor='#eeeeee'>";
texto += "<td>" + elementos[i] + "</td>";
if (i!=0){
texto += "<td><a href='#' onclick='arriba(" + i + ")'><img src='arriba.gif' width=9 height=9 border=0></a></td>";
}else{
texto += "<td></td>";
}
if (i!=elementos.length-1){
texto += "<td><a href='#' onclick='abajo(" + i + ")'><img src='abajo.gif' width=9 height=9 border=0></a></td>";
}else{
texto += "<td></td>";
}
texto += "</tr>";
}
texto += "</table>";
xInnerHtml('listado_elementos',texto);
}
function arriba(i){
temporal = elementos[i];
elementos[i]=elementos[i-1];
elementos[i-1]=temporal;
imprime_listado()
}
function abajo(i){
temporal = elementos[i];
elementos[i]=elementos[i+1];
elementos[i+1]=temporal;
imprime_listado()
}
</script>
</head>
<body onload="imprime_listado()">
<form name='formu' id='formu'>
<div id="listado_elementos">
</div>
<input type='submit' value='Guardar'>
</form>
</body>
</html>
*********************************
si lo pruebas te daras cuenta que lo ordena correctamente hasta que se hace click en el boton Guardar pues se recarga y se pierde el orden, espero eso te guie, gracias por tu respuesta!
