Image Drag, Drop, Insert Function

tinybehemoth

Hi Guys,

Hope someone could help me with my current project. Web-Based Muisc Editor (Most functions needed especially midi converter). My current task is making a function in inserting notes (image) on a spaecific div which has a background property of an image music staff (describe with five lines and four spaces). Inserting a note is trigerred by left click (most functions in editing is mouse driven). And the coordinate relative to the div (music staff) is the default position of the newly inserted note. In other words the note will be positioned in the div (music staff ) where the mouse is clicked. After inserting the note (image) it will also allow to drag it to change its poistion inside the div. This will also need auto docketing function w/c will cause the notes to have only limited position after it is released after dragging it. (in music the notes are positioned only on spaces or lines).
All kinds of help will be appreciated.

Thanks.

Xager

This cannot be done with php, instead use javascript.
Look at point 4 here: http://www.developer.com/tech/article.php/3707166

tinybehemoth

Yes,

Im doing it in javascript but I'll use PHP in later part. The problem with this is the script is designed to make the image draggable when the image is declared after the page is loaded. Im using DOM to add new image inside the same div with the other previous inserted images with each own unique id's. but when I program a function that will manipulate the innerHTML of that same div the page is stuck with its reloading state (like an infinite loop). Dont know what cause the error but i hope you could help me in using this function properly.

Hoping for another reply...

Thanks! 🆒