<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="application/xhtml; charset=utf-8" />
<title></title>
<script type="text/javascript">
Object.prototype.subir = function() {
if (this.previousElementSibling === null) {
alert('no es posible subir este nodo');
} else {
var n = document.getElementById('nodos');
this.setAttribute('posact', this.previousElementSibling.getAttribute('posact') );
this.previousElementSibling.setAttribute('posact', parseInt(this.getAttribute('posact'))+1);
n.insertBefore(this, this.previousElementSibling);
}
}
Object.prototype.bajar = function() {
if (this.nextElementSibling === null) {
alert('no es posible bajar este nodo');
} else {
var n = document.getElementById('nodos');
this.setAttribute('posact', this.nextElementSibling.getAttribute('posact'));
this.nextElementSibling.setAttribute('posact', parseInt(this.getAttribute('posact'))-1)
n.insertBefore(this.nextElementSibling, this);
}
}
</script>
</head>
<body>
<div id="nodos">
<p posact="1" posini="1">párrafo 1 <span onclick="this.parentNode.subir()">Subir</span> - <span onclick="this.parentNode.bajar()">Bajar</span></p>
<p posact="2" posini="2">párrafo 2 <span onclick="this.parentNode.subir()">Subir</span> - <span onclick="this.parentNode.bajar()">Bajar</span></p>
<p posact="3" posini="3">párrafo 3 <span onclick="this.parentNode.subir()">Subir</span> - <span onclick="this.parentNode.bajar()">Bajar</span></p>
<p posact="4" posini="4">párrafo 4 <span onclick="this.parentNode.subir()">Subir</span> - <span onclick="this.parentNode.bajar()">Bajar</span></p>
</div>
</body>
</html>