Hola Caricatos, gracias por el aporte,
despues de un rato pude resolver esto (espero haya quedado mejor):
Código:
<script type="text/javascript">
function intercambia(que) {
var nuevo = que.parentNode.firstChild.cloneNode(true);
que.parentNode.appendChild(nuevo);
que.parentNode.removeChild(que.parentNode.firstChild);
}
</script>
</head>
<body>
<div><div id="amarillo" onclick="intercambia(this)">amarillo</div><div id="azul" onclick="intercambia(this)">azul</div><div id="rojo" onclick="intercambia(this)">rojo</div></div>
</body>
</html>
lo que creo que es a la inversa del ejemplo que enviaste, en lugar de subir, baja, o intercambia con el anterior.
lo que me llamó la atención (y me hizo perder bastante tiempo
)
es que si el código en el body era este:
Código:
<div>
<div id="amarillo" onclick="sube(this)">amarillo</div>
<div id="rojo" onclick="sube(this)">rojo</div>
<div id="azul" onclick="sube(this)">azul</div>
</div>
con simples saltos de línea entre los divs
debía de hacer 2 veces clic en las divs para "pasarlas"
Un saludo y muchas gracias por la ayuda