Using MooTools 1.2 For Drag, Drop, Sort, Save

My customers love being able to control their website’s content so I build a lot of administrative control into their website. One administrative control I frequently build is a News control. I allow the customer to add, edit, delete, and sort news items. My customers especially love sorting their articles because of the fashion of which they can sort: drag and drop. Here’s how I do it.

full article

Comments

gues | July 30th, 2008 @ 4:10 pm

[...] Exclusive articles — Read articles about new ideas from experienced, creative authors. I authored the first one: Drag, Drop, Sort, Save. [...]

[...] Неплохой пример сортировки и drag and drop на Mootools 1.2 с возможностью сохранит…. [...]

I really like the idea behind the script, but automatically posting the form with javascript on each drop event doesnt work. I couldnt get it to work with your code and your example doesnt seem to work either.

Anton | August 6th, 2008 @ 2:38 pm

@Anton: Updated a form field but didn’t in the PHP. The above should now work.

admin | August 6th, 2008 @ 3:18 pm

[...] (the brains behind the idea), kicked things off with a great article on using MooTools 1.2 for Drag, Drop, Sort & Save. If you are interested, you can pick up the new feed here, which will include both the link stream [...]

Launch: Script & Style - CSS-Tricks | August 8th, 2008 @ 8:28 pm

Leave a Reply

sponsor Status PSD to HTML PSD to HTML sponsor sponsor

Exclusive Tutorial

Centering a Body Background Image that Behaves

Script & Style recently ran into some window size vs. page element issues. Read up on how Chris Coyier remedied the problem.

Direct Link

Add Custom Values To Your WordPress RSS Feed

As most of you probably know, Script & Style was created by myself, David Walsh, and CSS-Tricks scribe Chris Coyier. We were both looking to create widgets for our website that would provide not only a link to the article submission page on Script & Style but also a direct link to the full article on the author’s domain. Since we were reading in the RSS feed to grab articles and links, we needed to add a custom XML key/value to the RSS feed so that we could retrieve the direct link URL. Here’s how we did it.

Direct Link

Automatically Generate a Photo Gallery from a Directory of Images

A photo gallery that builds itself dynamically from a directory of images. So when you want to add new photos, you simply drop the new photo and thumbnail in the directory and you are done! Removing photos just means removing the photos from the image directory.

full article



Got Skills?

Script & Style wants to provide visitors exclusive articles in the hope that they can expand the minds of developers and designers as well as help solve problems that scripter and stylers often run into. If you think you have what it takes to write a professional, detailed article on a CSS, XHTML, or javascript topic, please contact Script & Style with your idea and a link to an example (if applicable).

There is no monetary reward for your article but writing for Script & Style is a great way to:

  • Promote yourself throughout the community
  • Promote your blog or business
  • Help other programmers and designers like yourself
  • Prompt opinions and discussion about web topics

No idea is too controversial and no article is too detailed! Contact Script & Style with your great idea!