Per il drag&drop ci sono moltissimi script, questo ad esempio http://www.dynamicdrive.com/dynamicindex11/domdrag/
Prova così:
Codice PHP:
window.onload = function() {
var draggable = document.getElementById("draggable"),
zoomIn = document.getElementById("zoomIn"),
zoomOut = document.getElementById("zoomOut");
Drag.init(draggable);
zoomIn.onclick = zoomOut.onclick = function() {
var in = this.id === 'zoomIn' ? -10/100 : 10/100,
w = parseInt(draggable.style.width.splice(0, -2)),
h = parseInt(draggable.style.height.splice(0, -2));
draggable.style.width = ( w + w*in ) + 'px';
draggable.style.height = ( h + h*in ) + 'px';
}
}
Gli oggetti dovrebbero avere i seguenti id:
draggable - l'oggetto draggabile
zoomIn - il pulsante per ingrandire
zoomOut - il pulsante per rimpicciolire
l'oggetto draggable inoltre dovrebbe avere le dimensioni definite nell'attributo style:
style="width:200px;height:100px;"
Ah, dimenticavo, non l'ho provato, quindi è possibile che ci siano errori.