I need advanced drag and drop javascript with the ability to have existing data displayed from an existing string that will be handled server side. I don't require any server side programming to be done, but please provide a working example of an artificial data string in the code working correctly with the script.
## Deliverables
I need javascript (function?) that will allow the typing of letters into seperate tials in a?
row.
Imagine a scrabble type row of letters that you're inputting via the keyboard. I want two rows?
such as this where each time you type a new letter it adds another tial after the letter you?
just typed. Both rows should increase in length when you add another letter to the end of the?
first row. If you backspace, it should remove the tial you're currently on and move back to the?
previous tial and should remove the end tial on the 2nd row as well. You should be able to hit?
backspace for each tial all the way back to the first tial.
Once you're finished typing into the first row and you move down to the 2nd row, the 2nd row?
only should increase when you type a letter into the end tial at the end of the 2nd row(or if?
you go back to the previous row for corrections and add additional tials)
I need both of these "strings" to be stored into some type of variable
Here's the tricky part. I also need to have the ability to drag pictures in place of tial. The?
pictures should be sectioned off in its own area of the page and should have the ability to drag?
a picture to a tial. Once you drag a picture to a tial, it should look like the rest of the?
tials but with the picture in it instead of a letter. Each picture should have the ability to be?
placed into multiple tials as needed. The "string" place holder for the picture should be a three digit number like "324"
The pictures should also be easy enough to remove from a tial, either via backspace(just like you would remove one of the other letters from a tial) or via what ever method you choose(perhaps a small 'x' in the top right hand corner)
I prefer that all of this be coded in a combination of Javascript, CSS, DHTML and HTML only.
If there is a language that you think would work better, or that you feel you need to use instead, please feel free to do so. The tials can be a temp image of your choice, or you can just use CSS to facilitate them. I prefer CCS as well for the tials. In fact, the more CCS and the less javascript, the better.
Also, the tials should not allow the ability to insert symbols or numbers, only the 26 letters of the alphabet, and should be capitolized.
One last thing. The two tials need the ability to repeat on the page. So for instance, you would have 25 sets of two tials each with their own unique string. I also need the ability to have an existing string fed into the function to populate existing data.
If you have any questions, feel free to let me know.