Module Drag Boxes in JS - javascript

is there a library in javascript where i can let the user drag and drop boxes and configure? like igoogle.

Check out jQuery UI for jQuery. It has a Draggable class that will allow you to drag and drop elements.

Checkout this plugin Easy Widgets that was inspired by this tutorial on nettuts that goes over how to build an iGoogle like interface using jQuery in detail. The plugin's home page is down but the source code is available, and you can still see a demo of the nettuts tutorial in action here.

Check ScriptAculous to enable drag and drop
http://wiki.github.com/madrobby/scriptaculous/draggable
http://www.tutorialspoint.com/script.aculo.us/scriptaculous_drag_drop.htm

Related

Jquery dragging tab

the below is a nice dragging tab, which I would like to implement in my project. Is there any jquery plugin for this.
http://www.blitzagency.com/our-people/#meet-the-blitizens
The following tutorial is useful for you to try out, it uses Jquery and JqueryUI
http://jqueryfordesigners.com/slider-gallery/

How to build a drag and drop script like this?

I have recently been using sitecake, I like the drag and drop interface of it for the content editor. Try the demo on their site for the visual editor.
I am wondering how can I build a 'local' script like this for my managing and creating articles for my site.
What I need is the drag and drop options like this and a button which onClick outputs the html of the current display.
I have been looking into jQuery DND, draggable and droppable, HTML5 contentEditable and edit-inplace.
But unfortunately, nothing yet.
Can someone help me with this? Or altest point me in the right direction?
Thanks in advance.
I am the developer behind SiteCake. The first version of SiteCake was developed based on GWT and jQuery/jQueryUI Droppable and Draggable. The current version is powered by GWT and GWT-DnD library.
I am not sure I understand clearly your question about getting the html code.
Check out jQueryUI Droppable and maybe even Draggable.
Droppable is certainly capable of what you're asking. All you would need to do is specify drop points, which is what sitecake does.

jQuery drag'n'drop multiple elements

I'm currently developing a web file browser using jquery and php.
One of my sub-tasks is to be able to select a couple of files/folders and drop them into another folder.
From my research I see that jquery ui has draggable and droppable which do the work at 80%.
What should be done to be able to select a couple of elements and drop them?
Can it be done with the existing draggable/droppable plugins from jquery ui?
If not can you recommend any plugins for jquery that can do the work?
How about http://www.myphpetc.com/2009/11/jquery-ui-multiple-draggable-plugin.html
This is by far the simplest solution that I've found to a multi-item drag and drop. It's by brianpeiris. He created a demo of it here in answer to the stackoverflow question grouping draggable objects with jquery-ui draggable. I just wish that I'd found it before I found all the other solutions.

Which is your favourite javascript modal plugin?

I'm trying to choose a JavaScript modal plugin to use it on a web site.
I used to use nyroModal (without making any research on this topic) but they have updated it recently and all of the API has changed and, apparently, some of the functionallity of previous version has been lost.
So, I think that this is time to start thinking about whether nyroModal is the right plugin to choose.
I see this question: https://stackoverflow.com/questions/756342/whats-your-favorite-jquery-modal-plugin but I'm not asking for a jQuery plugin, but a JavaScript plugin. The one that you prefer.
This is the functionallity I need:
Launch the modal using an anchor
Launch the modal manually and specify its content
Ability to customize all its content
Ability to attach callbacks on specific modal events
Updated documentation
Thank you!
I think most of the best modal layers are built using a particular framework (i.e. jQuery, mootools, dojo, etc).
By the way, I used several times highslide and it's very powerful!! No frameworks needed :)
I am a mootools fan, and this plugin is my favorite at the moment. It does modal for images, videos, and etc. http://iaian7.com/webcode/mediaboxAdvanced
if you are looking for something similar to what facebook as. David Walsh has a modal plugin called LightBox and its great. http://davidwalsh.name/facebook-lightbox
Both of these plugins are based off Mootools framework.

Drag and Drop Functionality using JavaScript for an email client application

I need a drop and drag functionality for my email client application.
I have some e-mails in my Inbox, I want them to move to my user defined folders by using drag and drop functionality by using JavaScript.
Looking forward for your response.
Check out JQuery, a very nice wrapper for Javascript with many nice UI plugins, including drag and drop.
This page has tons of drag and drop demos. You can scroll through and pick the plugin that you like --> here
And particularly, this plugin is probably exactly what you're looking for http://jqueryui.com/demos/droppable/
YUI has some drag-and-drop APIs. http://developer.yahoo.com/yui/dragdrop/

Categories