<div> wie Windowsfenster verkleinern/vergrößern Problem

Hookah

Erfahrenes Mitglied
Hallo Leute,


Letzens trat ich mich einem Thread auf in dem es um Drag&Drop ging.
Nun hab ich dieses Script genommen und verändert damit ich
Die größe Verändern kann( siehe http://sammler.kilu.de/test/test.html )

Solange man das div-"Fenster" nicht verschiebt ( geht wenn man mit gedrückter Maustaste auf die schwarze Leiste oben die Maus bewegt) funktioniert es einigermaßen , zwar nicht ganz perfekt aber es würd reichen.

Wird das ganze aber an eine andere Position verschoben kommts zu fehlerhaften , nicht erwünschten Aktionen. Könnt ihr ja ausprobieren.

So siehts bis jetzt aus.


Code:
//Das Objekt, das gerade bewegt wird.
var resizeobjekt = null;

// Position, an der das Objekt angeklickt wurde.
var resizex = 0;
var resizey = 0;

// Mausposition

 var mposx = 0;
var mposy = 0;

function resizeinit() {
 // Initialisierung der Überwachung der Events

  document.onmousemove = resize;
  document.onmouseup = resizestop;



}


function resizestart(element) {
   


  resizeobjekt = element;
 

 


 resizex = parseInt(document.getElementById(resizeobjekt).style.width);


  resizey = parseInt(document.getElementById(resizeobjekt).style.height);


  
}


function resizestop() {
  

  resizeobjekt=null;


draginit();
}


function resize(ereignis) {

 



  mposx = document.all? window.event.clientX : ereignis.pageX ;
  mposy = document.all? window.event.clientY : ereignis.pageY ;


  if(resizeobjekt != null) {




    document.getElementById(resizeobjekt).style.width = mposx + "px";
    document.getElementById(resizeobjekt).style.height = mposy + "px";
  }
}

Ich hab zwei stunden probiert es zu lösen , vielleicht fällt ja einem von euch was auf .

mfG Hoo|<
 

Neue Beiträge

Zurück