Adding savable forms and pop up from database to a website

I have a project that is based on a diagram/modelling tool. This has since been created on html5 canvas and javascript and is working. The application is based on an online drawing tool(boxes, lines and connectors) based on java applet and javascript. This part has already been done.

I am now required to

1) create a timed popup event (this can also be based on a mouse click counter,i.e. after 100clicks/ 10 mins of user inactivity, pop up a dialog box to hint user)

-- the contents of the popup is drawn from a database

-- database is grouped, i.e. after 100 clicks , contents of popup come from group 1, after 200 clicks, come from the next group

-- this can be done using [login to view URL]

-- contents of the popup is also retrieved from (2) below

2) implement a savable form (format could be csd, html, jpg or other suitable ones) where user can input and this can toggle hide/show on a side panel on the right side

3) read the objects' name drawn/modelled on the canvas an compare it with the above savable form(2) to see if all objects are included in the diagram

Bonus: do a online multi-user integration so that multiple users could connect and work together on it like google docs, where multiple users can work on it real time and see changes to the drawing space in real time.

The project will last till mid/end February and might have more features (mostly simple ones) to be added in. The codes of the project will be sent to you. The website is currently in xhtml.

HTML HTML5 JavaScript PHP Website Design

Project ID: #1434200

About the project