javascript - HTML structure for jQuery drag n drop scheduler -


i given task create drag n drop (+resizable) scheduler using jquery. wondering best html structure this. have 2 ideas. first 1 create table , use droppable area. code:

<div class="col-md-2">     <h4 class="dayname">tuesday</h4>     <table>         <tbody>             <tr>                 <td class="hour droppable"></td>             </tr>             <tr>                 <td class="hour droppable"></td>             </tr>             <tr>                 <td class="hour droppable"></td>             </tr>             <tr>                 <td class="hour droppable"></td>             </tr>             <tr>                 <td class="hour droppable"></td>             </tr>             <tr>                 <td class="hour droppable"></td>             </tr>             <tr>                 <td class="hour droppable"></td>             </tr>         </tbody>     </table> </div> 

second 1 create div background-image of table, in project: http://jsfiddle.net/tj_vantoll/yus44/

if have others idead, glad hear them.


Comments

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

php - How can i create a user dashboard -

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -