Ciao a tutti.
Sono alle prese con la realizzazione di un componente, e nel lato amministratore devo dare la possibilità utilizzando mootools di ridimensionare o spostare dei <div>, quindi dovrei far si che alla pressione di un pulsante si attivi l'evento Drag e alla pressione di un altro pulsante si attivi l'evento Resize.
questo è il codice js:
window.addEvent('domready', function(){
$('Drag').addEvent('click', function(){
var container = $('containment');
new Drag.Move('dragger', {'container': container});
});
$('Resize').addEvent('click', function(){
$('dragger').makeResizable({limit: {x: [50, 1200], y: [50, 600]}});
});
});
e questo è quello html:
<form id="form1" name="form1" method="post" action="index.html">
<input name="Drag" id="Drag" type="button" value="Drag" />
<input name="Resize" id="Resize" type="button" value="Resize" />
<div id="containment">
<div id="dragger">
<div id="head_div1">Div1: </div>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</div>
</form>
Il problema è: per esempio premo Drag e mi fa tranquillamente spostare l'elemento <div>, ma quando premo Resize mi mantiene l'evento Drag attivo, quindi mentre cerco di ridimensionare il <div> me lo sposta anche.
Qualcuno saprebbe come fare per far si che alla pressione di Drag mi annulli l'evento Resize e alla pressione di Resize mi annulli l'evento Drag?
Ho provato di tutto: Event.Stop; removeEvent;... ma purtroppo nessun risultato.
Grazie a tutti dell'aiuto.
Ciao ciao
