Franck Couvy

Thankyou for the script. I would like to include this on my site. Is that 
OK?

I will need to make a few modifications to the HTML page to make it work in 
more browsers.

Merci


Mark 'Tarquin' Wilton-Jones - author of http://www.howtocreate.co.uk/

> No problemo, you can use it as you want even put your copyright on it.

Thanks.

I will leave the credits as being yours :)

> I'm looking for a multislider control:

I'm afraid my graph script does not offer that functionality, as it is not 
dynamic. It is quite easy to make a bar change size as you drag a 
slider (for example, my sliders ...), but producing the grid is much 
harder to do.


If you can produce the grid, and position the start of a bar where you need
it, a simple function would be able to change the size dynamically. Do you
want more info on how to do this, or were you looking for a finished 
script?

> please don't leave my email (spam spam spam...)

I always hide email addresses, I will only put your name

> it's a log of sleep events for people suffering sleep diseases.

Ok, the idea of writing on the grid is possible, but let us try the
original idea first, because it will make more sense to the people who
would use it.

The problem is that a person may sleep several times a night, or get up for
a while etc, so you would need lots of sliders for the whole day.

Here is an idea:
Click on a day line (to say what night you are interested in)
Select an event (go to bed, go to sleep, wake up, get up, etc.)
use just one slider to position that event on the grid

Would something like that be acceptable?

Select an event and click on the grid to say when (snap to grid also). That
is easily possible, and it is even easier than drag and drop. They would
also need to be able to delete if they got it wrong, but that is easy too.

The 'sanity checking' (logic of operation) is very hard to check. The fact
is that I may want to select 'get up', then click on every time I got up
for a whole week, or several times a night. I then want to put in all the
times I went to bed, etc. This gets very difficult to check, as you will
have to check just before they save the changes, not as they are actually
using it.

When they save the changes (and _only_ once they have saved them), you can
put in your different colour bars. While they are editing, they would have
to have just a single vertical line at the time they chose. To save the
changes, each event would be stored as an entry in a hidden input, and the
server would need to parse the information (it wouldn't be hard to do, it
would look like:
b22:00s22:30w06:15u07:00 - I could give you some code to interpret it)

This could be done so that it works in:
 Internet Explorer 4+, Netscape 4+, Opera 7+, Gecko engine (Mozilla,
 Netscape 6+ etc.), KHTML (Konqueror, Safari, OmniWeb 4.5+), Escape 4,
 ICEbrowser

Do you want me to write a prototype to demonstrate?

XML is good, but you might need to use the POST method because GET is
restricted to 4KB encoded.

As for a framework, it may be difficult for me to do this, as I don't know
the exact setup of your tables. However, I have written all the scripts
necessary to do this. You will need a reasonably good knowledge of
JavaScript to do this:

what you need to do is put the table (I suggest you use an image of it to
make sure it is always the correct size) in a div with style
position:relative;

then you get the image to detect the onmousedown event, and find the
position of the mouse event relative to the image.

You can find the position of the mousedown relative to the page using the
script I wrote:
http://www.howtocreate.co.uk/tutorials/javascript/eventinfo
And you can find the position of the image relative to the page using
another script:
http://www.howtocreate.co.uk/tutorials/javascript/browserspecific

You then need to calculate what day and time that relates to (I'm afraid
this is up to you, and you will need to know the exact measurements of the
lines of your table), and create a DIV element at the correct position to
show where they clicked. you can create elements as children of the
container DIV using another script:
http://www.howtocreate.co.uk/tutorials/javascript/dhtml#dhtmlNEW

[ED. I have also written a script to do all sorts of things like this for you:
http://www.howtocreate.co.uk/jslibs/script-dhtmlapi]

I have had a better idea. I will write an example and send it to you later.

I have written the entire script to do what you needed. All you need to do
now is to write the server side script to prefill the row data with
existing times. Give it a try. It is the easiest of all the possible
solutions, and makes both server and client side easy to manage. It also
manages conflicts etc. while making it as easy as possible for people to
fill it in.

let me know what you think :)