April 20, 2006
DOM drag and drop
Juliet, Jake and Ichii
My bike mileage for yesterday actually closed out at 20.6 miles. It started with a late night craving for chocolate milk, for the which I usually take a quick bike ride to a gas station just over a mile alway. When I arrived around midnight, I discovered the gas station was not open 24 hours anymore. Undeterred, I figured I'd continue onto the next location up the road maybe an other mile. It too was closed. So, there was an other maybe a mile and a half. Also closed. By this time, I was a good distance from home, watching lighting illuminate massive cumulonimbus clouds in the distances with too little clothing for 47 degrees. However, I knew there were defiantly some 24 hour gas stations ahead as I was approaching the interstate highway. Round trip, my milk run added an other 10 and a half miles to my daily total. But I returned victorious with chocolate milk—and it was good.
Having made the slide show script functional, it was time to add the remaining fetchers. One item I wanted was a slide bar for controlling the time between frames. I initially though that should have been a no-brainier. Not the case. But what I did find was javascript slider that used drag-and-drop objects. I needed drag and drop functionality for an other project I'm working on. So I decided the slide should could wait, I was going to play with this for awhile. The DOM Drag & Drop script is probably the first piece of javascript code I haven't needed to edit; it had everything I wanted to do already built in.
The project I'm working on involves creating up a set of dynamic webpage via a set of webpages. To over simplify it, one have a set of objects they can drag and drop to make a page. I got to work making the first part function. In this snap shot of my experiment, you can double click on a red frame to get a title bar. The title bar allows one to move the red frame within the confines of the blue frame. You can also edit the text. Each move/edit talks back to the server and the results are saved in a CSV file.
A great deal of work needs to be done. My CSV parsing class is wimpy at best, and it's easy to confuse it. The double click javascript just does weird things in Internet Explorer, although it works fine in Firefox. And so on and so forth.
Pictured is Juliet, Jake and Ichabod (or "Ichii" for short—he's not yet big enough for that name).
Having made the slide show script functional, it was time to add the remaining fetchers. One item I wanted was a slide bar for controlling the time between frames. I initially though that should have been a no-brainier. Not the case. But what I did find was javascript slider that used drag-and-drop objects. I needed drag and drop functionality for an other project I'm working on. So I decided the slide should could wait, I was going to play with this for awhile. The DOM Drag & Drop script is probably the first piece of javascript code I haven't needed to edit; it had everything I wanted to do already built in.
The project I'm working on involves creating up a set of dynamic webpage via a set of webpages. To over simplify it, one have a set of objects they can drag and drop to make a page. I got to work making the first part function. In this snap shot of my experiment, you can double click on a red frame to get a title bar. The title bar allows one to move the red frame within the confines of the blue frame. You can also edit the text. Each move/edit talks back to the server and the results are saved in a CSV file.
A great deal of work needs to be done. My CSV parsing class is wimpy at best, and it's easy to confuse it. The double click javascript just does weird things in Internet Explorer, although it works fine in Firefox. And so on and so forth.
Pictured is Juliet, Jake and Ichabod (or "Ichii" for short—he's not yet big enough for that name).
