I am creating a website using JavaScript/ASP.NET/C#/CSS/HTML/Compact SQL server.
I have the majority of the site created and a basic database design which I would like to test out fully.
To do this I would like to create a JavaScript/JQuery front end. The basic functionality I wish to have is the exact same as Google Calendar (to begin with at least).
I’d ideally like the user to be able to select a number of times, via drag and drop, when the user drags and drops to certain times they are prompted for a name for the task.
The user then clicks submit and the data is saved in the database – with the users ID, the event start time/duration and the name of the event.
My question is quite vague, but what would be the best way to go about this ? I know exactly what I would like to do, but my problems are :
- Creating an interactive timetable using JQuery/JavaScript – is there any existing renderings of this I could work from, with a similar database intergration/idea?
- How can I save all of this data in the database? If it was a form I could just pass in data, but as it isn’t I’m not sure how this could be done?
Thanks very much, if any of my details are too vague then please ask questions and I will elaborate in detail.
I’m not sure about the calendar structure, but you can possibly use jQuery Grid plugin, although I recomend you to generate the calendar structure and the initial data server side and, maybe load it with AJAX.
All of the other interaction can be made with jQuery UI, including drag & drop funcionality with AJAX to store the updates to the data.