Как сделать так, чтобы каждый пользователь видел перемещение картинок в реальном времени?

У меня есть кнопки, которые перемещают картинки:
function cat_down () {x = 0;
x = document.getElementById("caat").offsetTop;
xn = x + 50;
document.getElementById("caat").style.top = xn+"px"
}
Как сделать так, чтобы данные о местоположении картинки сохранялись на сервере, а при обновлении картинка стояла там, куда мы её переместили кнопками? Как это сделать, чтобы на другой вкладке это было видно в реальном времени? Я знаю про Websocket и Long polling, но не знаю, как их использовать здесь, знаю только про формы, которые пользователь заполняет. Можно ответ с примерами кода?