Re: Select elements on webpage in same way as with the explorer

Here is a very good link for drag&drop

http://www.walterzorn.com/dragdrop/dragdrop_e.htm

It has the Resize Instead of Drag feature that lets you use the SHIFT
key and is doing resize instead of move.

Yes it's possible to mark a section, remember the beginning of the drag
and the finish of it, loop through the images and calculate which are
inside the rectangle and mark them selected.

These are guidelines
For insight take a look into the libraries and I'm sure you'll find
interesting code in there.

Regards

That is an awsome library.

How do I calculate which images is within the selected area? must I
specifically place the images like this: "#imgA {position:absolute; left:
10; top: 10; width:120px; height:100px; z-index:0}". That's not really cool
for a dynamically generated list of images...


Venlig hilsen

Ask Josephsen


web: www.minreklame.dk
"impaler" <TamasJano (AT) gmail (DOT) com> skrev i en meddelelse
news:1136547783.502184.22220 (AT) f14g2000cwb (DOT) googlegroups.com...

Here is a very good link for drag&drop

http://www.walterzorn.com/dragdrop/dragdrop_e.htm

It has the Resize Instead of Drag feature that lets you use the SHIFT
key and is doing resize instead of move.

Yes it's possible to mark a section, remember the beginning of the drag
and the finish of it, loop through the images and calculate which are
inside the rectangle and mark them selected.

These are guidelines
For insight take a look into the libraries and I'm sure you'll find
interesting code in there.

Regards

Loop through your images, get their position and determine if they fall
into the selected area.
Make use of the offsetTop and offsetLeft properties of the image but
beware that it will give you the offset of their respective parents so
you have to do a recursive calculation but it depends on how you design
your layout.
Another good link that offers you a solution would be:
http://www.quirksmode.org/js/findpos.html

You simply calculate:

if (findPosX(img) >= dragStartX && findPosY(img) >= dragStartY) {
//it's selected }

you can do additional check to be inside completly the selected area.
The variables are self explanatory.

A good idea is to implement some kind of a grid layout to bring some
order into the chaos, to have some rules for displaying images.


Regards

Loop through your images, get their position and determine if they fall
into the selected area.
Make use of the offsetTop and offsetLeft properties of the image but
beware that it will give you the offset of their respective parents so
you have to do a recursive calculation but it depends on how you design
your layout.
Another good link that offers you a solution would be:


You simply calculate:

if (findPosX(img) >= dragStartX && findPosY(img) >= dragStartY) {
//it's selected }

you can do additional check to be inside completly the selected area.
The variables are self explanatory.

A good idea is to implement some kind of a grid layout to bring some
order into the chaos, to have some rules for displaying images.


Regards

Loop through your images, get their position and determine if they fall
into the selected area.
Make use of the offsetTop and offsetLeft properties of the image but
beware that it will give you the offset of their respective parents so
you have to do a recursive calculation but it depends on how you design
your layout.
Another good link that offers you a solution would be:
http://www.quirksmode.org/js/findpos.html

You simply calculate:

if (findPosX(img) >= dragStartX && findPosY(img) >= dragStartY) {
//it's selected }

you can do additional check to be inside completly the selected area.
The variables are self explanatory.

A good idea is to implement some kind of a grid layout to bring some
order into the chaos, to have some rules for displaying images.


Regards