Mega Code Archive

 
Categories / Php / HTML
 

HTML Table with random alternating colours, helps you see what you

Pick a size and colour, any size or colour. <html> <head> </head> <body style="{font-family: monospace; font-size: 12pt;}"> <div align="center"> <table border="1" width="92%"> <?php if (!$seed) { srand(time()); $seed=rand(100,900); $fontsize=12; $cols=2; } function randomcolor() { $myrandomcolor = "#"; for ($i=1; $i<=3; $i++) { $x = rand(0,255); $x = dechex($x); $x = strtoupper($x); if (strlen($x) == 1) { $x = "0".$x; } $myrandomcolor .= $x; } return $myrandomcolor; } srand($seed); for ($loops=1; $loops<6; $loops++) { echo " <tr style=\"{font-family: monospace; font-size: ${fontsize}pt;}\">\n"; for ($y=0; $y<$cols; $y++) { $mybgcolor = randomcolor(); $mycolor = randomcolor(); echo " <td $wrap style=\"{color: $mycolor; background-color: $mybgcolor; text-align: center;}\">\n"; echo " txt:$mycolor bkg:$mybgcolor sz:$fontsize\n"; echo " </td>\n\n"; } echo " </tr>\n\n"; } $prevpage = $PHP_SELF."?wrap=$wrap&fontsize=$fontsize&cols=$cols&seed=".strval($seed- 1); $nextpage = $PHP_SELF."?wrap=$wrap&fontsize=$fontsize&cols=$cols&seed=".strval ($seed+1); $smallerfont = $PHP_SELF."?wrap=$wrap&seed=$seed&cols=$cols&fontsize=".strval ($fontsize-1); $biggerfont = $PHP_SELF."?wrap=$wrap&seed=$seed&cols=$cols&fontsize=".strval ($fontsize+1); $lesscols = $PHP_SELF."?wrap=$wrap&seed=$seed&fontsize=$fontsize&cols=".strval($cols- 1); $morecols = $PHP_SELF."?wrap=$wrap&seed=$seed&fontsize=$fontsize&cols=".strval ($cols+1); $wrapon = $PHP_SELF."?seed=$seed&fontsize=$fontsize&cols=$cols&wrap=nowrap"; $wrapoff = $PHP_SELF."?seed=$seed&fontsize=$fontsize&cols=$cols"; ?> </table> <table width="92%" border="1"> <tr> <th>Colour chart</td> <th>Font size</td> <th>Columns</td> <th>Word wrap</td> </tr> <tr> <td align="center"> <a href="<?php echo $prevpage; ?>">Prev</a> <a href="<?php echo $nextpage; ?>">Next</a> </td> <td align="center"> <a href="<?php echo $smallerfont; ?>">(-)</a><a href="<?php echo $biggerfont; ?>">(+) </a> </td> <td align="center"> <a href="<?php echo $lesscols; ?>">(-)</a><a href="<?php echo $morecols; ?>">(+)</a> </td> <td align="center"> <a href="<?php echo $wrapoff; ?>">On</a> <a href="<?php echo $wrapon; ?>">Off</a> </td> <td> </tr> </table> </div> </body> </html>