Following along with the work we have done in the past three recipes on the draggable window widgets, we ready ourselves to send the window locations via Ajax to a server-side script that could be easily made to store a user's window and widget locations in a database.
Thus far, we did not need to know the locations of the hitters. The widget movement has been independent of the hitter it was landing in. Now, to record that data, name the hitters with unique ID attributes.
<div id="left"> <div class="hitter" id="loc1"> <div class="widget" id="w1">Widget 1</div></div> <div class="hitter" id="loc2"> <div class="widget" id="w2">Widget 2</div></div> </div> <div id="center"> <div class="hitter" id="loc3"> <div class="widget" id="w3">Widget 3</div></div> <div class="hitter" id="loc4"> <div class="widget" id="w4">Widget...