Arrastra y Suelta
Interfaz mejorada para arrastrar elementos con el mouse
Instrucciones
Arrastre las imágenes con el mouse a la posición que desee dentro del área punteada
Java
HTML
Funcionalidad
Esta interfaz utiliza JavaScript para permitir el arrastre de elementos. El código detecta automáticamente el navegador y aplica los métodos apropiados para cada uno.
Cómo funciona
El sistema de arrastre funciona mediante el manejo de eventos del mouse:
function comienzoMovimiento(event, id) {
// Configura el elemento para arrastrar
elMovimiento = document.getElementById(id);
// Obtiene la posición inicial del cursor
if(navegador == 0) { // IE
cursorComienzoX = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
cursorComienzoY = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
} else { // Otros navegadores
cursorComienzoX = event.clientX + window.scrollX;
cursorComienzoY = event.clientY + window.scrollY;
}
// Continúa con el movimiento...
}