12/dragable.js

@@ -1,4 +1,4 @@
-
+   
 function makeDragable(dragHandle, dragTarget) {
   var dragObj = null; //object to be moved
   var xOffset = 0; //used to prevent dragged object jumping to mouse location
@@ -55,8 +55,12 @@ function makeDragable(dragHandle, dragTarget) {
   };
 }
 
-makeDragable('#shell_03header', '#shell_03');
+// makeDragable('#shell_03header', '#shell_03');
-makeDragable('#week_05header', '#week_05');
+// makeDragable('#week_05header', '#week_05');
+
+// using jquery-ui
+$("#shell_03").draggable({ handle: "#shell_03header" });
+$("#week_05").draggable({handle: '#week_05header'});
 
 
 

12/index.html

@@ -67,10 +67,10 @@
       </div><br>
       <div id="table_content_05">
         <ul>
-          <li id="track_5_1"><span class="numbers_table_content_05">1</span> Immortal/ Damla/ 2'35" </li>
+          <li id="track_5_1"><span class="numbers_table_content_05">1</span> Immortal / Damla / 2'35" </li>
-          <li id="track_5_2"><span class="numbers_table_content_05">2</span> Do.as/ Mika/ 5'17''</li>
+          <li id="track_5_2"><span class="numbers_table_content_05">2</span> Do.as / Mika / 5'17''</li>
-          <li id="track_5_3"><span class="numbers_table_content_05">3</span> a_smile/ Sandra/ 10'22" </li>
+          <li id="track_5_3"><span class="numbers_table_content_05">3</span> a_smile / Sandra / 10'22" </li>
-          <li id="track_5_4"><span class="numbers_table_content_05">4</span> Daisy Bell/ Mark/ 06'06 </li>
+          <li id="track_5_4"><span class="numbers_table_content_05">4</span> Daisy Bell / Mark / 06'06 </li>
           <li id="track_5_5"><span class="numbers_table_content_05">5</span> ... </li>
         </ul>
       </div>