Completed

Solve positioning (draggable) of multiple html objects (with different scaling) -- 2

Check JS-fiddle:

[login to view URL]

Scenario 1: Normal scale on object and

Everything works as expected: when selecting on object you can move it (no jitter on initial move), selecting multple objects moves as expected.

Scenario 2: Different scales on each object (eg, $("#obj1").css("transform","scale(0.7)");)

Dragging one object gives an intial "jump", selecting multple sees the same issue. When moving multiple object they don't move uniformly and move a different amount of pixels.

Scenario 3: Scaled container$("#container").css("transform","scale("+containerScaleFactor+")");)

Container is scaled, objects now jump around and move a different number of pixels.

Scenario 4: Both scaled container and objects

Same as scenario 2 and 3 but worse.

Need help solving so all scenarios work as scenario 1, eg possible to move multiple objects (with diffrent contect, eg. svgs, text), with no jumping and they move the same number of pixels.

We need to use the above functions, css transform and scale. The fiddle shows which parts can and cannot be edited.

Jquery, draggable and selectable used. Only Jquery allowed and no changes to the included JQUERY-files

Skills: Javascript, jQuery

See more: adjust html data different browsers, vote multiple times using different ips, cast multiple votes using different, jquery draggable containment, jquery drag and drop example, jquery ui drag and drop list, jquery drag and drop list, jquery drag and drop plugin, draggable div html5, jquery draggable droppable, jquery sortable div drag and drop, flash multiple html overlay, php upload multiple html file, extracting html objects jsp ejb, merge multiple html pages word document, script repeat code multiple html, fixing html alignment different resolutions, php multiple html tables regexp, multiple email accoutns different, input html output different html

About the Employer:
( 5 reviews ) Nacka, Sweden

Project ID: #18719336

Awarded to:

humayunakbar22

I am a full stack developer with over 7+ years of experience dealing with HTML, CSS, PHP, Dot Net, Magento, Wordpress and Shopify websites. I have worked 500+ website in my career and all of my clients get good More

$38 USD in 1 day
(0 Reviews)
0.0

7 freelancers are bidding on average $31 for this job

programac

Hi andersmoldeo! Thanks for sharing the project "Solve positioning draggable of multiple html objects with different scaling -- 2". I'm so much interested in your idea and of course want to participate. Kindly come on More

$20 USD in 1 day
(53 Reviews)
5.5
godming728

Hi. I always work to get trust from clients. Trust is more important than money for the future. So I work very hard and honestly. As super web expert, my skill is.... Html/css/Javascript/Jquery/AngularJS/ReactJS/V More

$25 USD in 1 day
(10 Reviews)
3.2
abhimadankr

I read the task description and I can do it.I have worked on many such projects.I can work on urgent basis and for a reasonable rate..Contact me so we can discuss further

$55 USD in 10 days
(3 Reviews)
1.8
ArvinS0301

Dear Sir. I have read your description. I can fix your issues in [login to view URL] I am a web developer who is specialized in web ,P H P, MEAN,React and so on.I’m applying for your project spec offer f More

$25 USD in 1 day
(1 Review)
1.5
wpmonsters

Hello, We are WordPress Monsters, a Russian-Canadian team of developers. We can easily assign one or two top-level developers to your project. Check out our recent projects: [login to view URL] More

$30 USD in 1 day
(2 Reviews)
1.0
ashley0301

Hello I've just read the describe about your project and I am really interested in your [login to view URL] you hire me to complete your work. If you would need me, I`ll try to suggest the best idea to complete your work and More

$25 USD in 1 day
(1 Review)
0.6