By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
432,441 Members | 998 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 432,441 IT Pros & Developers. It's quick & easy.

Select elements on webpage in same way as with the explorer

P: n/a
Hi Newsgroups

I was wondering if anyone know if (and how) it is possible to make an
html/css/js area on a webpage where you can select items by clicking in the
upper left, draggin the cursor to the lower right, leaving element in
between selected in a way a form can post? Exactly the same way as you
select a number of icons in the explorer or on your desktop.

Imagine an imagegallery with a list of thumbnails, I would like to let the
user mark a number of images and only view these selected ones. Preferably
it should work with the ctrl- and shift-button as well, but thats a minor
detail. As I can se, drag and drop of elements is possible (ex.
netvibes.com), but I have never seen any select-solution that works as in
your explorer. I'm sure it could be done in flash or java, but i'd rather
keep it in pure html/css/js.
Hope my question is clear - and that any of you can help me - thanx

Ask Josephsen
Jan 6 '06 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Ask Josephsen (atinreklame.dk>) escreveu:
I was wondering if anyone know if (and how) it is possible to make an
html/css/js area on a webpage where you can select items by clicking in the
upper left, draggin the cursor to the lower right, leaving element in
between selected in a way a form can post? Exactly the same way as you
select a number of icons in the explorer or on your desktop.


Today I'm without anything to do as always =/

As I like these dhtml stuff, I decided to implement your idea some
minutes ago, since I've done most of the code before, I just needed to
adapt... So, there are a lot of things that could be cut off to reduce
the code size, but I won't do it :]

The boxes are draggable and I also added the shift and ctrl behaviours
;]

<URL:http://jsfromhell.com/tmp/select.htm>

Take a look fast, I'll delete it from the site if my friend ask me
to...
--
Jonas Raoni Soares Silva
http://www.jsfromhell.com

Jan 7 '06 #2

P: n/a
Thank you - that is so awsome !! :)

Thats a big help and exactly what I was looking for

--
Venlig hilsen

Ask Josephsen
web: www.minreklame.dk
"Jonas Raoni" <jo********@gmail.com> skrev i en meddelelse
news:11**********************@f14g2000cwb.googlegr oups.com...
Ask Josephsen (atinreklame.dk>) escreveu:
I was wondering if anyone know if (and how) it is possible to make an
html/css/js area on a webpage where you can select items by clicking in
the
upper left, draggin the cursor to the lower right, leaving element in
between selected in a way a form can post? Exactly the same way as you
select a number of icons in the explorer or on your desktop.


Today I'm without anything to do as always =/

As I like these dhtml stuff, I decided to implement your idea some
minutes ago, since I've done most of the code before, I just needed to
adapt... So, there are a lot of things that could be cut off to reduce
the code size, but I won't do it :]

The boxes are draggable and I also added the shift and ctrl behaviours
;]

<URL:http://jsfromhell.com/tmp/select.htm>

Take a look fast, I'll delete it from the site if my friend ask me
to...
--
Jonas Raoni Soares Silva
http://www.jsfromhell.com

Jan 10 '06 #3

P: n/a
Ask Josephsen (atinreklame.dk>) escreveu:
Thank you - that is so awsome !! :)
Not at all haha, you can improve the code and remove a lot of things, I
was lazy to write from the scratch and used my scripts ;]
Thats a big help and exactly what I was looking for


Ok, I updated the code [http://jsfromhell.com/tmp/select.htm] now to
drag multiple items ;]
--
Jonas Raoni Soares Silva
http://www.jsfromhell.com

Jan 10 '06 #4

This discussion thread is closed

Replies have been disabled for this discussion.