473,322 Members | 1,504 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

Select elements on webpage in same way as with the explorer

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
3 1129
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
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
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

12
by: Kevin Lyons | last post by:
Hello, I am trying to get my select options (courses) passed correctly from the following URL: http://www.dslextreme.com/users/kevinlyons/selectBoxes.html I am having difficulty getting the...
4
by: Pasquale | last post by:
Hello, I wondering if there is a way to dynamically update a select list with javascript from a database query without having to reload the page to update the list?
6
by: trope | last post by:
Does anyone have the code to clear all of the elements in a select menu? I've been having trouble with this following code: for (var i=0; i< 100; i++) document.addskill.cat2.options = null; ...
1
by: Mombiatch | last post by:
I've got an application whereby I need to make calls to a .NET Class Library in the same way that I would make calls to an ActiveX control from a webpage, using the <object id="CLSID, etc tag. Is...
21
by: Leena P | last post by:
i want to basically take some information for the product and let the user enter the the material required to make this product 1.first page test.php which takes product code and displays...
10
by: Lorie0114 | last post by:
Hello, We have an issue that I do not know how to resolve. Our website has several hundred reports. There are a handful of them that are causing issues when there is no interaction for a couple...
4
by: eschneider | last post by:
I get the following error when trying to browse the .asmx. I get the same thing when trying to add a reference. using .NET 2.0 There is no error message. Any ideas? Thanks,
6
by: Studlyami | last post by:
Hey all, I'm trying to create a simple (I think it should be simple) batch file. I want this file to open Internet Explorer 6 go to the webpage SIRIUS Satellite Radio - The Best Radio On Radio and...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.