Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #19487 > unrolled thread

design tips

Back to article view | Back to comp.lang.javascript

Contents

  design tips "Tony" <tony.johansson@inport.com> - 2013-04-26 13:03 +0200
    Re: design tips "Jukka K. Korpela" <jkorpela@cs.tut.fi> - 2013-04-26 15:07 +0300
      Re: design tips "Tony" <tony.johansson@inport.com> - 2013-04-26 14:41 +0200
    Re: design tips JJ <duh@nah.meh> - 2013-04-27 01:12 +0700
      Re: design tips "Tony Johansson" <johansson.andersson@telia.com> - 2013-04-27 12:07 +0200

#19487 — design tips

I have a html table that represent 8 column with a time in each column. It 
could look like the wat below.
Now to my question what html control or images is a nice and appropriate to 
use when I want to shift the time table window to the right or left ?
I hope that somebody might have done something similar and have a sense of 
design.

---------------------------------------------------------------------------------------------------------------------------------------------------------------
|      07:00        |       08:00       |      09:00        |       10:00 
|       11:00       |       12:00       |       13:00       |      14:00 
|
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                here you have a time table that show bookings for different 
bridges that a ship has made for it's was journey

//Tony 

[toc] | [next] | [standalone]

#19488

2013-04-26 14:03, Tony wrote:

> I have a html table that represent 8 column with a time in each column.
> It could look like the wat below.

Looks simple enough. Nice styling has some challenges, but they are 
really not a JavaScript issue, are they?

> Now to my question what html control or images is a nice and appropriate
> to use when I want to shift the time table window to the right or left ?

Pardon? Which "time table window", and why would it be shifted?

Do you mean that the time table has actually more columns and needs to 
be scrolled horizontally? This sounds like a job for CSS, not 
JavaScript. Assuming the table really needs to be that wide, but this 
cannot be evaluated without seeing e.g. a document of the intended 
purpose and use and preferably a prototype, too.

-- 
Yucca, http://www.cs.tut.fi/~jkorpela/

[toc] | [prev] | [next] | [standalone]

#19489

"Jukka K. Korpela"  wrote in message news:kldqgg$c1l$1@dont-email.me...

2013-04-26 14:03, Tony wrote:

> I have a html table that represent 8 column with a time in each column.
> It could look like the wat below.

Looks simple enough. Nice styling has some challenges, but they are
really not a JavaScript issue, are they?

> Now to my question what html control or images is a nice and appropriate
> to use when I want to shift the time table window to the right or left ?

Pardon? Which "time table window", and why would it be shifted?

Do you mean that the time table has actually more columns and needs to
be scrolled horizontally? This sounds like a job for CSS, not
JavaScript. Assuming the table really needs to be that wide, but this
cannot be evaluated without seeing e.g. a document of the intended
purpose and use and preferably a prototype, too.

-- 
Yucca, http://www.cs.tut.fi/~jkorpela/

I have eight column but just to simply this lets say we have only four 
columns to avoid wrapping around + the first column that show the name of 
the bridge.
This example shows that a ship named Eken has booked a bridge called 
Götaälvbron  in the following way
It will start to open at 07:30 and will be fully opened at 08:00.
At 08:00 can she ship Eken start to pass the bridge.
At 08:30 has the ship Eken passed the bridge.
At 08:30 will the bridge start to close. At 09:00 will the bridge be fully 
closed.
If we for example want to see how the bookings for a bridge is at 11:00 or 
even further away for example 14:00
Or earlier for example 06:00 or even 04:00.
I must have some suitable html control or image.
I think that a good choice is to use two small image arrow that points to 
the right and to the left.
The small image(icon) that has an arrow to the right is positioned to the 
right on the screen and
the small image(icon) that has an arrow to the left is positioned to the 
left on the screen.
What about my suggestion ?

  ------ -----------------------------------------------------------------------
Götaälvbron  |      07:00        |       08:00       |      09:00        | 
10:00
  -----------------------------------------------------------------------------
                                  |    Ö       | Eken|    C    |

//Tony 

[toc] | [prev] | [next] | [standalone]

#19493

On Fri, 26 Apr 2013 13:03:20 +0200, Tony wrote:
> I have a html table that represent 8 column with a time in each column. It 
> could look like the wat below.
> Now to my question what html control or images is a nice and appropriate to 
> use when I want to shift the time table window to the right or left ?
> I hope that somebody might have done something similar and have a sense of 
> design.

If the timeline is multi-row, you could use a fixed width DIV container,
then have child-DIVs of inline-block style for each time-mark where they'll
wrap to the next row if they're too long to fit in a single row. Append,
delete, and inserting a time-mark would make other child-DIVs be shifted
automatically. Just like a long text in a DIV with limited width.

[toc] | [prev] | [next] | [standalone]

#19502

"JJ" <duh@nah.meh> skrev i meddelandet 
news:gussxk7algq0$.15rtil8dbjjyc$.dlg@40tude.net...
> On Fri, 26 Apr 2013 13:03:20 +0200, Tony wrote:
>> I have a html table that represent 8 column with a time in each column. 
>> It
>> could look like the wat below.
>> Now to my question what html control or images is a nice and appropriate 
>> to
>> use when I want to shift the time table window to the right or left ?
>> I hope that somebody might have done something similar and have a sense 
>> of
>> design.
>
> If the timeline is multi-row, you could use a fixed width DIV container,
> then have child-DIVs of inline-block style for each time-mark where 
> they'll
> wrap to the next row if they're too long to fit in a single row. Append,
> delete, and inserting a time-mark would make other child-DIVs be shifted
> automatically. Just like a long text in a DIV with limited width.

I don't really understand what you mean here.

//Tony 

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web