Tuesday, December 2, 2014
Drag and Drop
I tried this tutorial today that was about dragging and dropping list elements. It seemed pretty short and simple because it just utilized a library called jQuery UI and something else called Touch Punch to simulate a mouse on phones, but at first my app was just loading constantly after adding the script source. I sort of fixed the problem because I realized that I had to update all the links to the latest stable versions because I have been using tutorials from different dates. So this tutorial used a version of jQuery UI which I think was not compatible with the version of jQuery I had. I fixed that and I was able to load my app but for some reason the thumbnail of the pictures I had in my list became full size but I was able to drag the items so I'm guessing it would work if I didn't have pictures but I'm not sure.
You can see that one picture is taking up a huge amount of space and the footer also changed color for some reason. There may be a better way to drag and drop stuff though because this tutorial is old.
Subscribe to:
Post Comments (Atom)
Wow, this is awesome! OK, things are coming together. I'm going to ask you this week to change gears and spend the next few weeks working with Jack and Dylan on bottle. We need a backend now or we can't really make these cool front end apps really do anything useful.
ReplyDeleteProject: I want to add a little matching "Technology Mini-quiz" to the ATIC site that involves drag and drop matching questions. Included among the answers will be: Ada Lovelace, Tim Burners-Lee, Grace Hopper, Guido van Rossum, and Richard Stallman. Actually, it will be possible to do his completely on the client side, but if we wanted to keep results and have several quizzes, we would need a backend program for the front end to talk to.