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

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -