Thursday, November 12, 2009

Marquee HTML tag

I was in need of doing a page which had a table to which content was written dynamically and with the need of horizontally manuvering it within the page. There were many help online but using varous JS frameworks. I did not want to be bombarded with frameworks as this was just a small thing. Luckly a colleuge of mine who is a major UI guru told me of the marquee html tag which allows me to accomplish this task very easily. Although this has been advised not to be used it is been supported by all browsers presently available. Below is my code snippet showing how i accomplished this.


<marquee id="scroller" scrollamount='2' direction='up' loop='true' height='450' width='100%' onmouseover='this.stop()' onmouseout='this.start()' title="Please move the mouse pointer away from the Display Area to start the Flight Display">
<table id='flightDisplayArea' width='100%' border='0' cellpadding='1' cellspacing='0'>
<tbody></tbody>
</table>
</marquee>