/tech/ - Tecnología

La pic no es muy ilustrativa. Los diagramas UML que nos enseñaron en la escuela justo son para esto. En concreto el diagrama de uso
Ahora tu problema Dudo que haya una librería para hacer algo tan especifico y poco común. Creo que con asignar una llamada XHR al boton ese de "Guardar cambios" te vale, ya el resto sería escuchar la llamada en el backend.

document.getElementById('botonEnviar').addEventListener('click', function(){
const xhr = new XMLHttpRequest();

// listen for `onload` event
xhr.onload = () => {
    // process response
    if (xhr.status == 200) {
        // Mover el div
    } else {
        console.error('Error');
    }
};

// create a `GET` request
xhr.open('POST', 'tu url…');

// send request
xhr.send();
});

Puede que este mal, la mitad del código es copiado.

>>4506
>Los diagramas UML que nos enseñaron en la escuela
www tienes razon, pero no ayuda en realidad
>una librería para hacer algo tan especifico y poco común
no realmente, hay varias bibliotecas que encontré pero solo se mantienen en el campo visual (de diseño) mas que un manejo de datos. El tema del backend no resulta problema, eso quise decir, solo necesito mover una "carta" de un "contenedor" a otro "contenedor" y este se registre

>>4507
y para resolver futuras dudas este registro es un dom.value actualizable

>>4507
la imagen no coincide con lo que estás diciendo. entendí que queres algo como los clientes de mail que te dejan pasar un mail de una bandeja a otra. la verdad que para darte algo concreto tendría que ver el código, pero a grandes rasgos tu problema es que estás acoplando la lógica con la presentación. intenta separar las dos cosas: (1) pasar un mensaje de una bandeja a otra y mandar el post (lógica), (2) mostrar esa información en el html (presentación)

>>4505
No creo que exista algo asi y si lo encuentras seria muy dificil pero por lo que entendi no es tan dficil.
Agrega un observer al contenedor y cuando este se actualice haz una peticion AJAX