Many updates: widget architecture, mouse interaction
Hi guys!
I have been quite busy the recent days, but seeing all that recent activity, I woke me up very early this morning and invested a couple of hours. Here are the results.
1. Plugin architecture
I have added a global UI manager to the file
ui.js, which is very easy to use, both for the users and the developers. Read the following paragraph:
<a href="http://docs.jquery.com/UI_Developer_Guide#Registering_plugins">http://docs.jquery.com/UI_Developer_Guide#Registering_plugins
</a>
Please make sure all your plugins use it in some way (if a back-reference is possible)
2. Drag & Drop
I invested a lot of time to implement an idea Stefan and I had when working on Interface 2 (which has been dropped in favor of jQuery UI). It's a basic mouse interaction plugin, that works as main class for draggables, sortables, and resizables (maybe more). So basically everything where you have to 'pick' something and release it again via mouse.
The file is checked in as ui.mouse.js, it must be included directly after ui.js. Take a peek at the draggables implementation to get a view of how it strips down the code / makes it easier.
3. File structure
I renamed all source files to get a certain structure. Right now, everything has the prefix 'ui'. We can later think about adding 'jquery.' as pre-prefix, but it kind of looks to long IMO.
4. Resizables!
The first version of resizables is up and working (to some extend), look at ui.resize.js and the corresponding test (tests/resize.html). Nothing visual right now, click and drag the bottom/right sides. Right now, it features the following stuff:
- minimum height & width
- maximum height & width
- callbacks
- resize the original / resize the proxy (div with a certain class)
There are many things people could want / need, but I'm not sure how you all would like it. I'm speaking about the following:
- If you make something resizable, should it attach nodes for these visual bars? If yes, how to make sure it doesn't destroy something else?
- Damn, I forgot the other ;-) (too tired...) Tell me what you would like to see!
Paul<br clear="all">
--
--
Paul Bakaus
I have been quite busy the recent days, but seeing all that recent activity, I woke me up very early this morning and invested a couple of hours. Here are the results.
1. Plugin architecture
I have added a global UI manager to the file
ui.js, which is very easy to use, both for the users and the developers. Read the following paragraph:
<a href="http://docs.jquery.com/UI_Developer_Guide#Registering_plugins">http://docs.jquery.com/UI_Developer_Guide#Registering_plugins
</a>
Please make sure all your plugins use it in some way (if a back-reference is possible)
2. Drag & Drop
I invested a lot of time to implement an idea Stefan and I had when working on Interface 2 (which has been dropped in favor of jQuery UI). It's a basic mouse interaction plugin, that works as main class for draggables, sortables, and resizables (maybe more). So basically everything where you have to 'pick' something and release it again via mouse.
The file is checked in as ui.mouse.js, it must be included directly after ui.js. Take a peek at the draggables implementation to get a view of how it strips down the code / makes it easier.
3. File structure
I renamed all source files to get a certain structure. Right now, everything has the prefix 'ui'. We can later think about adding 'jquery.' as pre-prefix, but it kind of looks to long IMO.
4. Resizables!
The first version of resizables is up and working (to some extend), look at ui.resize.js and the corresponding test (tests/resize.html). Nothing visual right now, click and drag the bottom/right sides. Right now, it features the following stuff:
- minimum height & width
- maximum height & width
- callbacks
- resize the original / resize the proxy (div with a certain class)
There are many things people could want / need, but I'm not sure how you all would like it. I'm speaking about the following:
- If you make something resizable, should it attach nodes for these visual bars? If yes, how to make sure it doesn't destroy something else?
- Damn, I forgot the other ;-) (too tired...) Tell me what you would like to see!
Paul<br clear="all">
--
--
Paul Bakaus
Topic Participants
Paul Bakaus
littlecooldude
gilles0181
Richard Worth