problema con Drag.Move e makeResizable di Mootools

**adelefxxxbooob** · 12-11-2008, 18:28

ciao!! ho un problemino con mootools.
ho applicato sia il drag and drop che il resize a un div.
adesso quando sposto il div si allarga il div e viceversa.
non è possibile mettere sia il resize che il drag? grazie 1000!

ecco il codice:

codice:

 
<html>
<head>
<script src="script/mootools.js"></script>
<script src="script/moo.rd.js"></script>
<script>
window.addEvent('domready',function(){


$('uni').makeResizable();
var drag = new Drag.Move('uni',{	
container: 'body'
});


});
</script>
</head>
<body id="body">

<div id="uni" style="position:fixed;top:50;left:50px;border-bottom:1px black solid;border-right:1px black solid;background-color:grey;height:400px;width:400px">
Prova
</div>

</body>

</html>

esempio: Qui!

grazie per l'aiuto!

**artorius** · 12-11-2008, 18:41

ma non sullo stesso elemento!

Di solito fai:

Codice PHP:


<div id="ResizeAndDrag">

  <div class="Top">

     Clicca qui per spostare

  </div>

  <div class="Body">

     clicca qui per modificare

  </div>

</div>

poi applichi il drag su .Top e resize su .Body.

**adelefxxxbooob** · 12-11-2008, 18:50

non funziona lo stesso!

cosi è giusto?

Codice PHP:


<html>

<head>

<script src="script/mootools.js"></script>

<script src="script/moo.rd.js"></script>

<script>

window.addEvent('domready',function(){





var drag = new Drag.Move('Top',{    

container: ''

});



$('Body').makeResizable();



});

</script>

</head>

<body >



<div id="ResizeAndDrag"  style="position:fixed;top:50;left:50px;border-bottom:1px black solid;border-right:1px black solid;background-color:grey;height:400px;width:400px">

  <div class="Top">

     Clicca qui per spostare

  </div>

  <div class="Body">

     clicca qui per modificare

  </div>

</div>



</body>





</html>

**artorius** · 12-11-2008, 18:54

oppure, fai un toogler per cambiare l'effetto:

<style type="text/css">
.selected{
color: green;
}
</style>
Make Resize
Make Drag

Codice PHP:




var resizer, dragger;



window.addEvent('domready', function(){

   dragger = new Drag.Move('uni',{    

      container: 'body'

   });



   $('Resize').addEvent('click', function(){

      resizer.attach();

      dragger.detach();

      this.addClass("selected");

      $('Drag').removeClass("selected");

   });



   $('Drag').addEvent('click', function(){

      resizer.attach();

      dragger.detach();

      this.addClass("selected");

      $('Resize').removeClass("selected");

   });



   resizer = $('uni').makeResizable();

   resizer.detach();

});

**artorius** · 12-11-2008, 18:55

Originariamente inviato da adelefxxxbooob
non funziona lo stesso!

Guarda che sono class non id...

**adelefxxxbooob** · 12-11-2008, 18:59

Codice PHP:


   $('Drag').addEvent('click', function(){

      resizer.DETACH();

      dragger.ATTACH();

      this.addClass("selected");

      $('Resize').removeClass("selected");

   });

ho corretto queste due cosette per il resto è apposto! grazie!

**adelefxxxbooob** · 12-11-2008, 21:12

scusa se disturbo ancora!
vorrei mettere un limite minimo di riduzione.
cioè se la l'altezza e la larghezza del div sono minori di 50px non fa più diventare la tabella più piccola ma solo più grossa.
come posso fare? grazie 1000!

**artorius** · 12-11-2008, 22:20

prova a mettere l'option limit : {50,50} quando esegui makeResizable

**adelefxxxbooob** · 12-11-2008, 22:29

Codice PHP:


   resizer = $('window').makeResizable({50,50});

non funziona

**artorius** · 12-11-2008, 22:48

{limit : {50,50}}

Discussione: problema con Drag.Move e makeResizable di Mootools

Strumenti discussione

Ricerca discussione

Visualizza

problema con Drag.Move e makeResizable di Mootools

Permessi di invio