Upcoming Games

(UTC times)


Full list
Add a game

Upcoming Events

No events to display

Making a signal lamp using HTML+CSS

You are here: Home > Forum > Miscellaneous > Open mic (non-railway) > Making a signal lamp using HTML+CSS

Page 1 of 1

Making a signal lamp using HTML+CSS 04/07/2012 at 11:24 #33634
alvinhochun
Avatar
249 posts
I am trying to use HTML + CSS to create signal lamp.

http://www.hochun.nets.hk/signalling/SACEM_signals.html

How do you think? Please give comments.
Currently the four aspect is both real and fake, it resemble real signals but doesn't do anything. The signals are not necessary related to each other.

EDIT: A new version with JavaScript http://www.hochun.nets.hk/signalling/signals_test.html

Last edited: 04/07/2012 at 12:32 by alvinhochun
Log in to reply
Re: Making a signal lamp using HTML+CSS 04/07/2012 at 12:56 #33636
Albert
Avatar
1315 posts
Here in Firefox 13, the JavaScript page does not show signals apart from the static one at the bottom.

Error Console shows some JS errors: $ is not defined, sig is undefined, sig2 is undefined.

AJP in games
Log in to reply
Re: Making a signal lamp using HTML+CSS 04/07/2012 at 13:36 #33640
alvinhochun
Avatar
249 posts
I don't see a problem in my Firefox 13, but I guess the jQuery library isn't correctly loaded in your case, it's loaded from this URL, see if this link loads in your browser: https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
Log in to reply
Re: Making a signal lamp using HTML+CSS 05/07/2012 at 20:05 #33673
Albert
Avatar
1315 posts
That file is loaded properly. And the signals are now working.
AJP in games
Log in to reply
Making a signal lamp using HTML+CSS 09/07/2012 at 15:06 #33760
alvinhochun
Avatar
249 posts
I've made changes to it. Please check.

BTW nobody has any comments?

Log in to reply
Making a signal lamp using HTML+CSS 09/07/2012 at 20:58 #33772
IPG
Avatar
21 posts
Nice, I like it.

TBL is something like ETCS L1?

Last edited: 09/07/2012 at 20:59 by IPG
Log in to reply
Making a signal lamp using HTML+CSS 09/07/2012 at 23:47 #33779
Backup
Avatar
89 posts
Am I imagining it; or is there "warm-up" in the light output, to simulate incandescent lamps (As opposed to the near "instant-on" of LED signal heads)?

If so, I am even more impressed

Log in to reply
Making a signal lamp using HTML+CSS 10/07/2012 at 07:50 #33780
alvinhochun
Avatar
249 posts
@IPG

TBL (in MTR East Rail Line) is a fixed-block distance-to-go cab-signal system, using both on-ground beacons and wireless communications (802.11 like?). You can say it's like ETCS L1. It also uses axle counters to divide sub-blocks in some stations. TBL divides blocks by lineside signalling block and cab signalling block.

See p.55-76 (http://irse.org.au/images/stories/IRSE_Proceedings/Proceedings/IRSE%20Proceedings%201998.pdf)
(http://www.railsigns.co.uk/overseas/hongkong1/hongkong1.html)


@Backup

I've already set a fade-in effect, do you mean to extend it longer?

Log in to reply