Page of ongoing todo lists of jQuery stuff for Steve McKenzie

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
kkaefer's picture

Post your suggestions here ;)

Comments

Gladly

chx's picture

Check all for checkboxes is handy on massive admin pages. http://drupal.org/node/88378 . There are issues with JS , I already showed them to him. Collapsible blocks. Drag-and-drops block admin interface.

Checkboxes for admin pages

kkaefer's picture

Checkboxes for admin pages should probably be integrated into a new #type => table for forms/render API.

check boxes relevant issue..

AmrMostafa's picture

http://drupal.org/node/84961

nice lists of ideas btw very sexy :d

Drupal ajaxsearch à la Google ajaxsearch

ica's picture

I kinda like new google style search made avaliable API to integrate
http://www.google.com/uds/samples/apidocs/helloworld.html
http://code.google.com/apis/ajaxsearch/documentation/

jquery livesearch
http://markc.renta.net/jquery/
*no 5

I am not sure jquery livesearch can strech as much as google above but it can be improvement as an option replacement to current Drupal search

another method is also interesting- live 'search' filter
example
http://unspace.ca/livefilter
http://unspace.ca/discover/livefilter

filtering can be useful both admin backend and the user frontend

just an idea for your suggestions call :)

theese would be coooool.....

ultraBoy's picture

theese would be coooool.....

someone already did it!

Steve McKenzie's picture

someone already did it! yay!

'live' table sorting jquery plugin

ica's picture

I was looking jquery 'livefilter' plugin instead of prototype.js which is used demo above
i came cross example of 'live' table sorting by mother russia

http://motherrussia.polyester.se/pub/jquery/demos/filter/filter-demo.html

i also found it interesting idea to adopt for Drupal when tables matter

  • it does not work on mac gecko/Safari but works fine with FireFox

Viewing options ~Titles | Excerpt |Include Photo

Anonymous's picture

There is small but very useful User Interface toggle option feature viewing the content on Yahoo News

http://news.yahoo.com/ms/1709
View: Headlines Only | Include Summaries | Include Photos

this feature can be useful for example on drupal.org

i.e projects/modules its good there are so many modules but also it needs some UI improvement where user can have option to view
- the titles (headlines) | summaries (excerpt) | Include Photos (say..in case of dowload/themes)
indeed any Drupal site would benefit from this feature

I dont have .js skills, I thought I should put the example forward here for your opinion

here are the .js's on Yahoo page, but i am not sure which .js relevant to this (that shows my limited/no knowledge of .js :)

http://l.yimg.com/news.yahoo.com/v10/us/news/includes/openss.js
http://l.yimg.com/news.yahoo.com/v10/us/news/includes/ynreload.js
http://us.js2.yimg.com/us.js.yimg.com/lib/hdr/myyhp_2.2.js

also while i was looking if there is some Jquery examples may have simlar soluition, i found this
http://sonspring.com/journal/jquery-portlets
demo
http://host.sonspring.com/portlets/

which is very nice and i presume can be extended to options like on Yahoo
Headlines Only | Include Summaries | Include Photos (toggle) option on each bar

regards

I apologise for the duplicate.. could you delete it please...

Anonymous's picture

I apologise for the duplicate.. could you delete it please if you have permisions

Viewing options ~Titles | Excerpt |Include Photo

Anonymous's picture

There is small but very useful User Interface toggle option on Yahoo News

http://news.yahoo.com/ms/1709
View: Headlines Only | Include Summaries | Include Photos

this feature can be useful for example on drupal.org

i.e projects/modules its good there are so many modules but also it needs some UI improvement where user can have option to view
- the titles (headlines) | summaries (excerpt) | Include Photos (say..in case of dowload/themes)
indeed any Drupal site would benefit from this feature

I dont have .js skills, I thought I should put the example forward here for your opinion

here are the .js's on Yahoo page, but i am not sure which .js relevant to this (that shows my limited/no knowledge of .js :)

http://l.yimg.com/news.yahoo.com/v10/us/news/includes/openss.js
http://l.yimg.com/news.yahoo.com/v10/us/news/includes/ynreload.js
http://us.js2.yimg.com/us.js.yimg.com/lib/hdr/myyhp_2.2.js

also while i was looking if there is some Jquery examples may have simlar soluition, i found this
http://sonspring.com/journal/jquery-portlets
demo
http://host.sonspring.com/portlets/

which is very nice and i presume can be extended to options like on Yahoo
Headlines Only | Include Summaries | Include Photos (toggle) option on each bar

regards

Interactive crop/scale for image thumbnails

tema's picture

My issue is for imagefield and imagecache modules which are great (IMO) replacement for image.module in most cases.

JQuery's job is to provide user-friendly interface to get crop/scale parameters for further image processing. Something like this (Prototype & script.aculo.us).

Now waiting for dopry's response for details.

jQuery WYSWYG editor

alkhulaifi's picture

I think this is very important for drupal usabilty.
as a perfect example foe a simple WYSWYG editor for me, the editor used in http://www.vox.com

screenshot: http://i.i.com.com/cnwk.1d/i/blog2/20060806/vox2-1154932324796-440_330.jpg

http://www.wymeditor.org/en/

alanburke's picture

http://www.wymeditor.org/en/

Apparently this editor is moving towards using JQuery as the backend.

Discussed in some detail at
http://drupal.org/node/81440

and briefly yesterday at
http://drupal.org/node/97948

I'm no big fan of WYSWYG editors, but this one looks a little different.
Alan

anders.fajerson's picture
  • Automatic form field focus as in my focus module but for FormAPI (core): '#focus' => TRUE.

  • Create taxonomy "on the fly" with AJAX on the node edit page. I like Gmail's implementation where they have "New label..." at the bottom of the label drop-down form. You are then prompted with a javascript prompt window where you fill in the new label. Would work really well with the default taxanomy select form.

Permissions

alex_b's picture

Permission for editing taxonomy could be uncoupled from node admin permissions. We are facing that particular problem with taxonomy_user.module, that allows per user tags on nodes. Also, AJAX taxonomy on the fly would be a huge step towards a del.icio.us style tagging functionality.

There is taxonomy on the fly

alex_b's picture

There is taxonomy on the fly for taxonomy_user module now and there is coming down the pipe the same thing for community tags.

Real-time collaboration for the web.

jwilde's picture

Have any of you guys checked this out yet? http://thinkature.com/

Can we do something like this in jquery?

Jim

Ouch, that is cool. Was

alex_b's picture

Ouch, that is cool.

Was wanting something like that recently, when I was reviewing a book page on our intranet.

Like the post-it stickers in Acrobat Reader or Photoshop - a great tool for collaborative online work.

This is a great tool! It

melgripa's picture

This is a great tool! It would be nice to create something like that in jquery as it would help a lot.
Oh, I see you already got the answer. Never mind then.

Firebug Module?

alanburke's picture

I guess every developer has heard of the firebug plugin for Firefox
http://www.getfirebug.com/

Well, It can also be emdedded directly in websites for use within IE or Safari etc
http://www.getfirebug.com/lite.html

Which got me to thinking [but not actually doing, as I'm not a developer per se :-) ]

Why not a firebug module for Drupal?

In some ways, the parts are there...
The color chooser for Garland lets a user edit the CSS for a webpage dynamically.
Firebug, is thankfully still free.

So is this a pie in the sky idea, or could it be done?

Later
Alan

It looks like Steve took the

alanburke's picture

It looks like Steve took the hint
http://drupal.org/project/firebug

hehehehe...

Steve McKenzie's picture

it's coming!

i had to do a few adjustments to firebug lite itself. My version will be included with the module. I added some jQuery goodness to it and am still ironing out a few things.

Firebug Lite was made kinda weird vs all the jQuery stuff we do.

Should launch the module officially soon.

It's

shortkeys

Development Seed's picture

keybindings. link keystrokes to firing functions, executing redirects, etc. then let users customize them, make profiles like the way you can customize a shell. make a shell for devel. (http://rikrikrik.com/jquery/shortkeys/)

For example a devel keybinding
ctrl+shift+c - clears the cache
ctrl+shift+v - pops the variable viewer up in a popup
ctrl+shift+q - toggles the query viewer
ctrl+shift+u - masquerade as another user, popup for username appears
etc.

Admin user
ctrl+shift+e - goes to edit page of current node
ctrl+shift+n - goes to admin node screen
ctrl+shift+u - goes to user profile of current user

I wonder about the actual usefulness, but might be in some cases.

outstanding

moshe weitzman's picture

yes! steven put in a lot of thought a year+ ago on this topic. see http://drupal.org/node/23628.

Better Yet

jjeff's picture

Allow admins to choose which keys they want!

Provide a list of actions such as those above and then allow entry of the key to trigger. Settings page would look like:

Module Action Key Ctrl Shift Alt
Devel Clear cache [ c ] [x] [x] [ ]
Devel View variables [ v ] [x] [x] [ ]
Devel Query viewer [ q ] [x] [x] [ ]
Devel Switch users [ u ] [x] [x] [ ]

Then there could be a hook_hotkeys() that would allow other modules to define hotkey actions for their modules. Oh... and we could call this Hotkeys module.

Other actions that I'd love to see:
- Save (draft of) node
- Jump to page (menu, access, admin, users, nodes). (oh that's above)

I'm sure other modules would have actions to add:
- Add user as a buddy
- Bookmark this page
- Vote/Rate this (keys 1 through 5 ala iTunes)

Also keep in mind that hotkeys might not be the only way to trigger these actions. Some could be triggered on a timer (like saving draft version of editing node). Should we look at the actions module for ideas?

-= Jeff Robbins | Lullabot | Drupalize.me =-

Brainstorming about

stefano73's picture

Brainstorming about keystrokes here: http://groups.drupal.org/node/2629

HotKeys Js Module (Cross Browser)

tzury's picture

I put my file at http://code.google.com/p/js-hotkeys/ you may grab it from there

nice one

moshe weitzman's picture

thats good stuff. thanks.

Attach JS to form items

drumm's picture

I recently reviewed a patch which made the permissions page a bit easier to use by checking and disabling the implied permissions. If authenticated user has a permission, then it is implied for all other roles; if anonymous user has a permission, it is implied for everyone.

I'd like to see a more generic approach. Maybe a #onclick property which can change the value and disabled properties of other elements.

I could see this being used in many small places around Drupal.

minor nitpick

moshe weitzman's picture

permissions granted to anon are not necessarily granted to any other role. your assumption about authenticted is right on though.

The original patch I read

drumm's picture

The original patch I read actually did that.

What is a specific case where it would make sense to not grant a permission, which is given to anonymous users, for everyone?

unique user experience

moshe weitzman's picture

i admit that i don't usually do that but i do create pages that are available only to anon. in general, authenticated users can have such a different experience on a site that you might want certain modules/sections available only for anon in order to customize their experience.

it is cool if the patch you describe checks these boxes since thats what you normally want. it just shouldn't force this configuration.

Fancy Slider Support

greg@beargroup.com's picture

Spent awhile trying to get sliders to work with forms API & scriptaculous last August, never got it.

a'la http://www.amazon.com/gp/gsl/search/finder?productGroupID=loose_diamonds

Thanks for asking. Would love more/easier slider support for use in forms.