Comments on: Draggable Droppables And Selectables… Oh My

By: 35 Ultimate Useful jQuery Tutorials | WEBAXES.COM

35 Ultimate Useful jQuery Tutorials | WEBAXES.COM — Tue, 04 May 2010 18:43:10 +0000

[...] Draggable, Droppables, Selectables… Oh My! [...]

By: shawn

shawn — Sat, 13 Feb 2010 14:29:22 +0000

hi i went on line and found a code for a java scrip pop up page gray out
how ever i want this scrip to automatic comes up after five seconds what code do i need to change below for this to happen currently it come up only is people click the shaw button
please advise

function showPopUp(el) {
var cvr = document.getElementById(”cover”)
var dlg = document.getElementById(el)
cvr.style.display = “block”
dlg.style.display = “block”
if (document.body.style.overflow = “hidden”) {
cvr.style.width = “1024″
cvr.style.height = “100%”
}
}
function closePopUp(el) {
var cvr = document.getElementById(”cover”)
var dlg = document.getElementById(el)
cvr.style.display = “none”
dlg.style.display = “none”
document.body.style.overflowY = “scroll”
}

#cover {
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:gray;
filter:alpha(Opacity=50);
opacity:0.5;
-moz-opacity:0.5;
-khtml-opacity:0.5
}
#dialog {
display:none;
left:300px;
top:150px;
width:380px;
height:350px;
position:absolute;
z-index:100;
background:#00CCFF;
padding:2px;
font:10pt tahoma;
border:1px solid gray
}
.style2 {
color: #000066;
font-weight: bold;
}

Free Quick Moving Quote
[Close]

Show

please help send email to shawn2411@gmail.com

By: Colin

Colin — Wed, 03 Feb 2010 06:14:28 +0000

jQuery ????
jQuery UI????
jQuery ????????
15 Days Of jQuery……JQuery????
jQuery - Google Code????JQuery?????
Simplify Ajax development with jQuery
jQuery ? YouTube?2008?4?3??Google Tech Talks?
jQuery??

By: ??jQuery????? | jquery ajax??????

??jQuery????? | jquery ajax?????? — Fri, 03 Apr 2009 13:48:53 +0000

[...] Draggable, Droppables, Selectables… Oh My! [...]

By: gogulas

gogulas — Wed, 18 Feb 2009 12:25:33 +0000

Heh, I found a BUG!in ‘php coded version’….
When we put sortable tables intro div with “overflow:auto;” style, then after scroll down this div just a little bit, sort become stop working :/ elements moving but dosn’t keep new place :/
If we wouldn’t scroll, it’s work fine.
Checked on Opera && IE6
Any Iidea how to fix it? exept Iframe? :/

By: gogulas

gogulas — Wed, 18 Feb 2009 05:21:25 +0000

Ah, finaly, after more than 5 minutes of searching i’ve found library for sorted drag&drop, I talking about “PHP coded version” its waaaay better for my needs :p
Thans for blog useful info

gogulas

By: Roxane Rinard » Step 1: Drag and Drop

Roxane Rinard » Step 1: Drag and Drop — Fri, 09 Jan 2009 15:54:06 +0000

[...] http://15daysofjquery.com/draggable-droppables-and-selectables-oh-my/22/ [...]

By: Linus Lövholm

Linus Lövholm — Tue, 11 Nov 2008 08:14:43 +0000

To #24 Jay Adair:
I have the exact same problem. It occurs sporadically. It seems it may have something to do with floating sortable containers, but I’m not sure.

By: Javed

Javed — Tue, 23 Sep 2008 18:34:44 +0000

Great article. I have just started learning jQuery and its really great stuff. We can create fancy and usable applications with jQuery. I was shaky a bit when it comes to Ajax. jQuery does it in fly. Ready to use plugins and support. Great great stuff. Your site is wonderful. Helping me a lot. Thanks.

By: Jay Adair

Jay Adair — Mon, 18 Aug 2008 13:32:36 +0000

When using UI.Sortable on my relatively complex/long list of image thumbnails, I find it’s possible to ‘drop’ items so that they disappear from the list, which is big problem for me, it means I have to refresh the page to get these ‘dropped’ items back.

Has anyone else experienced this? Am I missing some option?

By: Neoszion

Neoszion — Sat, 28 Jun 2008 18:33:49 +0000

Being a bit of a js newbie any chance you can post more of the script you used for the newer version IE fix Matthew?

By: Michael

Michael — Sun, 18 May 2008 09:46:23 +0000

i recently found that http://smashingfeeds.com is using jQery for cool effect

By: Matthew Sweet

Matthew Sweet — Thu, 21 Feb 2008 17:06:41 +0000

Gerbrand -

To fix, you’ll need to reinitialize your sortable.

First call SortableDestroy()

e.g.: jQuery(’#accordianControl’).SortableDestroy();

Then call the original code you used to initialize the sortable

e.g.:

jQuery(’#accordianControl’).Sortable(
{
accept: ‘acc_sortable’,
helperclass: ’sortHelper’,
activeclass : ’sortableactive’,
…. and so on.

Just put the SortableDestroy and reinitialization calls into the onStop handler.

By: Matthew Sweet

Matthew Sweet — Thu, 21 Feb 2008 16:51:47 +0000

Sortables doesn’t seem to work with the latest build of jQuery in IE. The behavior described above by Gerbrand can be fixed by using an earlier version on jQuery but for many, like myself, this isn’t an option.

Still looking for a fix…

By: richard

richard — Fri, 15 Feb 2008 14:52:42 +0000

noob alert - how would one go about setting this up with cookies?

By: Acronyms

Acronyms — Tue, 22 Jan 2008 12:45:36 +0000

Guys, would be good if you could leave links to the code samples.

By: Gerbrand

Gerbrand — Wed, 16 Jan 2008 16:57:09 +0000

Hi, I have a question about the interface plugin for jquery. I tried to get the same result of the example of the sortables. Now everything works fine in almost all browsers… except one-> IE. There I can drag and drop each element just once. And then you can’t do it anymore. Any ideas how to solve this?
thanks in advanced.

By: Blaine

Blaine — Sun, 06 Jan 2008 01:21:36 +0000

This probably isn’t the place to post this, but if your sortable elements are floating and have children (say IMG thumbnails inside of LI) the droppables appear not to work. I really wished this worked. If anyone has a fix, please contact me - me@blainegarrett.com

By: Andy Christian Loyola

Andy Christian Loyola — Sat, 22 Dec 2007 10:35:50 +0000

Is there any way you could make an example of drag and drop that use MySQL as database and interact it with PHP?

If possible a simple Cart that after dragging the image to the box, it automatically save to database.

I really love your stuff but I’m not quite familiar with it comes to ajax or any javascript scripting.

By: Scott

Scott — Wed, 22 Aug 2007 19:27:38 +0000

Scriptaculous sortable lists do not work in any browser other than IE (that I tested). It’s a shame because it’s so nice. I actually submitted this as a bug report a while ago and to my knowledge, it still has not been addressed.

By: Steinn E. SigurÃ°arson

Steinn E. SigurÃ°arson — Fri, 11 May 2007 00:58:14 +0000

Ok, I haven’t implemented this yet, but I think it’s pretty simple — there’s an “onChange” function specified there, into that you can drop whatever ajax calls you want, which can use the output from $.sortSerialize() (and send it as a parameter (or parameters) to any webpage via a simple xmlhttprequest call…ajax….).

By: Linh

Linh — Sun, 04 Mar 2007 04:12:19 +0000

An example of communication to the database after each drag and drop?

Any help would be really helpful

By: Linh

Linh — Sun, 04 Mar 2007 00:40:02 +0000

Has anyone gotten an example about this yet? Using SQL Server or postgres?? Please

By: server

server — Fri, 09 Feb 2007 15:40:40 +0000

Maguay Servere Bazate exclusiv pe platforme Intel, acopera o gama larga de necesitati in ceea ce priveste performanta, siguranta in exploatare si scalabilitatea.

By: Jack

Jack — Thu, 12 Oct 2006 19:40:25 +0000

Tronathan,
I’ve got a lot on my plate today, but I’ve seen your request for a more in depth example. I’ll try to get to it soon.

Jack

By: Tronathan

Tronathan — Thu, 12 Oct 2006 19:29:07 +0000

This “day of Jquery” that talks about doing drag and drop table sorting to update a database doesn’t give an example, and the “Demo” doesnt actually have the ajax component either. It shows serialization but not the actual ajax calls.

This may be a “dead simple” thing to do but without a demo that shows the ajax calls, its going to take me a while to get my head around it.

Example, please?

By: Jack

Jack — Sun, 24 Sep 2006 01:04:04 +0000

Stefan,
Links updated.

By: Stefan Petre

Stefan Petre — Sat, 23 Sep 2006 07:08:21 +0000

Jack please update the links to Interface pages. I changed the site’s structure and many links are broken.

By: vaaaska

vaaaska — Thu, 17 Aug 2006 05:40:25 +0000

Doesn’t work in Safari 2.0.1

By: Jack

Jack — Wed, 02 Aug 2006 18:10:21 +0000

It absolutely is one of the best plugins for jQuery. I probably should have emphasized it more… but there is a link in there.