Comments on: Project #0: iGoogle-like Drag & Drop Portal v2.0

By: Michel Hiemstra

Michel Hiemstra — Thu, 26 May 2011 21:50:38 +0000

@Jaap, you just assigned a empty variable which generates a syntax error, please use

var settings = {};

If you assign the settings from my example indeed its static, thats the point making it dynamic with your own code

By: Jaap

Jaap — Tue, 24 May 2011 09:31:47 +0000

Ah I know where the error is, in:
var settings =;

This don’t activates the function on my page and therefore the boxes won’t appear. When I take the var setttings from your example:

var settings = {“column-1″:["block-1"],”column-2″:["block-3","block-4"],”column-3″:["block-2"]};

The boxes appear. But it is not dynamic anymore.

I tried everything but still not able to activate the function,
can you help me?

By: Jaap

Jaap — Tue, 24 May 2011 08:08:29 +0000

Hi Michel!

This is what i’m looking for!, It’s only not possible for me to show the boxes. I uncommented the lines, replaced

Thanks in advance!

By: Kyle Faucett

Kyle Faucett — Sat, 02 Apr 2011 07:36:21 +0000

To save the movement of blocks in the same container, you can turn ghosting on as Michel suggested, or comment out this line in the onEnd function (by prepending //) of dragdrop.js:

if(this.lastValue != Sortable.serialize(this.element))

By: Simon

Simon — Tue, 22 Mar 2011 12:04:01 +0000

Simon:

Hi Michel,
I’ve got an issue trying to make your script working. I installed correctly the DB and uncomented the lines in the blocks_save.php script but the blocks do not appears on the webpage.
In installed Firebug and it tells me “invalid XML markup
var settings = ; ”
I looked on google and it seems to come from the “ Can someone helps me fixing this issue please ?
Thanks in advance

For those who has the same issue than me, just replace

Thanks Michel for your script, I've got it working now.

By: James Bondono

James Bondono — Thu, 17 Mar 2011 19:37:45 +0000

Just spun this up… Worked like a charm.
Being a noob, I was stuck as it wasn’t saving changes, but read I followed the following comments:
Followed Marcus #52 (removed the // from both Insert and update lines) – now switching from column to column is saved.
Followed Iris #86 (changed – to _ for block id’s in both index.php and database), now order in column are saved.

Thanks for great script – thanks for great comments to help me spin this up!

By: Simon

Simon — Thu, 17 Mar 2011 10:52:00 +0000

Hi Michel,

I’ve got an issue trying to make your script working. I installed correctly the DB and uncomented the lines in the blocks_save.php script but the blocks do not appears on the webpage.

In installed Firebug and it tells me “invalid XML markup
var settings = ; ”

I looked on google and it seems to come from the “

Can someone helps me fixing this issue please ?

Thanks in advance

By: qaiser

qaiser — Fri, 18 Feb 2011 20:08:42 +0000

If I empty a column, I’m unable to drop any boxes back into it. How can I make the column fixed so that boxes can be dropped back into it

By: Theo

Theo — Wed, 16 Feb 2011 10:05:26 +0000

Please fix the problem with prototype 1.7 (which is needed for IE9)

Drag and drop works, but the blocks trip over each other.

By: Steve

Steve — Wed, 19 Jan 2011 16:21:00 +0000

Pragti: I have some Issue: 1) If i take all blocks from any column, i m unable to add the block back to that column.

Couldn't you just add a hidden block, like with style=display:none, that would act as a place holder for a top row of blocks in all the columns?