OAR::API

Objetos ARrastrables

Esta librerías sirve para convertir cualquier elemento HTML en algo arrastrable de la forma más facil

Introducción a Objetos ARrastrables

Puedes utilizar esta librería para convertir elementos de tu página en arrastrables. Para ello, tan solo tienes que incluir la librería en tu página tal como se muestra en el ejemplo y hacer una llamada a la función "arrastrable" del objeto "OAR" con el "ID" o bien una referencia al ELEMENTO que quieres volver arrastrable.

Uso teórico

Tan solo tienes que incluir el script de la forma habitual:

<script type="text/javascript" src="oar.js" /></script>

Y luego hacer una llamada a OAR.arrastra("id"); o bien OAR.arrastra(elemento);. Lo verás más claro en el siguiente ejemplo:

Cuerpo de una página XHTML:

<body> <div id="ejemplo1">ESTO ES LA CAPA DE EJEMPLO 1</div> <div>ESTO ES LA CAPA DE EJEMPLO 2</div> <div> <div id="ejemplo2">CAPA 1</div> <div>CAPA 2</div> <div>CAPA 3</div> </div> </body>

Código que utilizaremos en el SCRIPT del HEAD para convertir un elemento en arrastrable.

OAR.arrastrable("ejemplo1");
OAR.arrastrable("ejemplo2");

Esto nos crearía una página no intrusiva de XHTML sin JavaScript en la estructura de la página

Si eso no nos importa, podemos hacer uso del script de otra forma, por ejemplo en un botón

<input type="button" onclick="OAR.arrastrable('ejemplo2');" value="Volver arrastrable" />

Ejemplos practicos

Ejemplo de JavaScript no intrusivo
Ejemplo de OAR en un botón

Descarga

Puedes descargar el .js comprimido en zip desde este enlace: Descargar OAR::API