<TAG>Simple HTML& Javascripting Tricks & Tips

 

JavaScript: Simple 'Chalk' Board

Jack Donnell,
[email protected]


Drawing Board: 

Using a table and different event handlers to change the background 
of the Cells of the table. It is really Simple Code -

<'td "OnDblClick="bgColor='BLACK'" 
OnMouseDown="bgColor='#FFFFFF'" 
bgcolor="BLACK"  >
 
<'/td>

You can add more rows and columns to make it anysize you want.  If you want 
to add to it, you could allow  the user to select what colors or how many 
rows and columns.  It's prety basic.


Click Once to turn Square WHITE.
Click Twice to reset to BLACK.

                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       
                                       

OnDblClick Event will turn the background Black.
OnMouseDown Event will reset the background to White.