Clever Geek Handbook

A scheduling application using constraints for when an event can occur

Ok, I'm trying to create a web application that allows students to visually organize their class calendar using drag and drop. but they should be able to drag them to specific locations (when those classes are available) and not anywhere.

It will be a calendar with a fixed week. I was considering using a table but was wondering if anyone thought this might be a drag and drop issue and if you have any suggestions for a better implementation. I would like to hear your thoughts. I am a very visual thinker and I know that such an application will help me.

Alternatively, if you know something like this has already been implemented that I can use, let me know!

+1


source to share


2 answers


How about using the Dojo toolkit to implement weightlifting? They have a class .

From this example documentation :



<body style="font-size: 12px;">
<h1>A Simple Example</h1>
<table><tbody><tr>
<td>
<!-- Create a source with two nodes -->
<div dojoType="dojo.dnd.Source" jsId="c1" class="source">
        SOURCE
        <div class="dojoDndItem" dndType="blue">
                <div class="bluesquare">BLUE</div>
        </div>
        <div class="dojoDndItem" dndType="red,darkred">
                <div class="redsquare">RED</div>
        </div>
</div>
</td>
<td>
<!-- Create a target that accepts nodes of type red and blue. -->
<div dojoType="dojo.dnd.Target" jsId="c2" class="target" accept="blue,darkred">
        TARGET
</div>
</td>
</tr><tbody/></table>

you can see if your problem is right for you. Its pretty nice and clean.

+2


source


jQuery has draggable droppable classes to do what you need without using them.



However, I created a javascript system to categorize mobile phone content using drag and drop quite successfully using openrico , which was a few years ago, now I would definitely give jQuery a try.

0


source






More articles:


All Articles