jQuery Drag / Drop - Browser Comatible

We have two videos that display the behavior problems:

Video 1: Problems in all browsers : [url removed, login to view]

Video 2: Problems in IE only : [url removed, login to view]


Users may drag (clone) any one of the 4 elements at the top into the dotted rectangle target container

Once dragged (update:) we replace the dropped div with a new div and give it a yellow border

The dropped items snap into place against the right most element within the dotted container.

HERE IS THE FIRST PART OF THE PROJECT NEEDS - Dragging to the dotted container

In Internet Explorer 8 & 9 only (these problems do not exist in firefox / chrome)

When you are dragging an item you will notice the dragged item appears behind the dotted container.

* Please Fix: They should always be in front of the container while being dragged over it.

When the dragged item is released, the dotted line container has its height increased and the dropped

item appears at the bottom of the container with about a 15px margin at its top.

* Please Fix: The dropped item should not cause the dotted containers height to grow. There should be

no gap above the dropped container.

Let us say there are already two items dragged into the dotted container. When we drag a third item

to a hover point between item 1 and item 2, we expect the behavior of jquery sortable to cause

items 1 and item 2 to seperate a little showing where item 3 could be dropped between. This behavior

does not happen. We can only place at the end.

* Please Fix: We would like to be able to drag 3,4,5 etc and place them between other items already

present in the container.

HERE IS THE SECOND PART OF THE PROJECT NEEDS - Dragging within the dotted container

All Browsers

When you click on the left most item to begin dragging to the right, it immediately causes the

items to its right to drop fall down well below the y position of the item being dragged.

* Please Fix: When items are dragged to the left or right neighboring items should remain at

the same horizontal level

We want to be able to freely move items to the left and right within the dotted container in a

predicable and intuitive fashion. At present the sortable behavior often fails to allow us

to move items into new positions.

* Please Fix: We should be able to smoothly move items to their left or right.


All Browsers

Items in the dotted container can be dragged over the trash. When this happens they are removed

from the dotted container. This behavior must not be adversely effected by any of the fixes you

employ above.

I expect you will complete this project in the number of days you commit to. If you do not, you must expect my recommendation of you will reflect this. Your word is all I have to decide on. If you do good work, we will use you again.




Taidot: HTML5, jQuery / Prototype

Näytä lisää: jquery item drag drop, update prototype, the prototype part 1, rectangle line, prototype update html, prototype update, prototype part 2, prototype part 1, prototype move, prototype items, prototype clone element, prototype clone, part containers, line rectangle, jquery 1.11 2, jquery 1.11 0, jquery 1.11, div problems, border html 5, jquery end

Tietoa työnantajasta:
( 57 arvostelua ) Anacortes, United States

Projektin tunnus: #4399068

Myönnetty käyttäjälle:


Hi , ready to start !

$100 USD 4 päivässä
(11 Arvostelua)

6 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön


Hi Jay, We have reviewed your requirement in details. We are specialist in converting PSD into pixel-perfect, hand coded, seo semantic XHTML/HTML/CSS3 coding and Jquery implementation. To make the website compatible in Lisää

$208 USD 7 päivässä
(2 arvostelua)

I am like this project. So, I am ready. Please contact me. Best regards!

$120 USD 3 päivässä
(5 arvostelua)

We have more than 11 year of experience and working in new technology with MVC architect for more detail Please check Private Message.

$154 USD 6 päivässä
(1 arvostelu)

ready to start

$144 USD 7 päivässä
(2 arvostelua)

I have 7+ years experience and have worked on something similar to this demo link can be provided. I shall prefer to have hands on the code before I am awarded the project. Available to discuss further on skype and f Lisää

$247 USD 7 päivässä
(0 arvostelua)