Resizing a div by resizing its borders

P

Proper

What I have so far is this

http://mxamples.googlepages.com/drag-borders.html

But this script has a few disadvantages. The main disadvantage is in
my eyes that the drag event isn't smooth enough, I mean if the mouse
cursor is too fast it will loose the border and therefore the dragging
of the border will stop.

Thats the reason why the borders in the example are so fat. Making the
borders smaller would show at once what I mean because its no more
possible to grab the borders with the cursor.

I know that this can be done in another way, and I've done similar
things already a few years ago. But I cannot - by no means - remember
the trick.

So I'll try to describe it again what I mean: Dragging can have at
least two results. The first result is seen in my example above that
loses its object if the pressed mouse cursor goes out of the defined
area. The second result would continue dragging as long as the cursor
remains pressed - independant if it goes out of the defined area.

The second result can be seen - for example - here:

http://www.twinhelix.com/javascript/dragresize/demo/

(But this code is obfuscated, so I cannot detect or learn anything).

Thanks for ræading, and I hope that someone can give me a hint to the
right direction.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,733
Messages
2,569,440
Members
44,830
Latest member
ZADIva7383

Latest Threads

Top