Rails spinoffs - Nov 2006 - Draggable bug in which draggable changes its position when you click on it.

Hello everyone, I have no idea how to do the bug issue thing, but I am
just beating myself up trying to fix this stupid thing.

First of all, I am working on a project in which there are is a tree on
the left of the page (in a sliding window that can hide and show the
tree) that has draggables for each tree item. Their is a dynamic table
for the page that starts out with 3 columns and 1 row. The user can add
and delete rows. Each cell of the the table (I say it is a table, but
it is actually just divs made to look like a table) is a drop zone. The
drop areas accept drops from the tree. Once an item is dropped into the
table, the droppable area also becomes draggable to move the item
elsewhere in the table if need be (so the table cells also accepts
drops from the table items that has data inside of it). There are also
customized AJAX forms inside each tree item that appears once dragged
into the table. Each tree item is assigned a rowspan and colspan
associated with it that when dropped into the table, the div will
resize itself to fit take up the indicated space. The div''s that it
covers I assign a new class and remove the droppables from it.

Now comes to my problem. I am using relative positioning for all my
cells, ghosting effects are on for all my draggables, the table cells
are encapsolated inside an absolute div. Well, when I position
everything in my code for items to reposition themselves correctly for
each merging that happens when a tree item is dropped, the items do
place themselves correctly. Though there is this one bug that when I
place and item towards the bottom of the page, place another item that
has a rowsan merge above it, and the items replace themselves, if I
click on the item at the bottom, it will move down the exact height of
one cell. For no reason at all, it just moves down when you click on
it. Also their is a maximum of 3 rows set for the dynamic table, and
when you drop items into the last row, and move them around, the
div''s will flicker. I assume this is just because the browser has a
hard time of rendering them, since the drags are also jumpy when
dragging them across the page. It must have something to do with all
the drop areas. Plus if you drag an item from the table to tree, it
will place the item back in the tree. The table drop areas also have an
onhover class. Plus I added a hasData class that changes the style once
a dragged item has been dropped inside it. Then it changes back once
the dropped item is removed from the cell.

The tree items are actual portals and the AJAX forms send the portal
parameters. There is a generate button that will take you to a new page
and show the generated web portlets. There''s about 3,500 lines of
code right now. I''m new to javascript, and so the code just works
with Netscape and IE. Positions are all off in firefox and opera. Plus
the AJAX calls are not working with it, but I don''t have to worry
about that right now.


--~--~---------~--~----~------------~-------~--~----~
 You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---