login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Table background color wijzigen

Offline MaZZie - 06/05/2005 01:04
Avatar van MaZZiePHP interesse Ik heb het volgende script van lejoo gedownload
  1. <div align="center">
  2. <center>
  3. <table border="0">
  4. <tr>
  5. <td><SCRIPT LANGUAGE="JavaScript">
  6. <!--
  7.  
  8. var hex = new Array(6)
  9.  
  10. // assign non-dithered descriptors
  11. hex[0] = "FF"
  12. hex[1] = "CC"
  13. hex[2] = "99"
  14. hex[3] = "66"
  15. hex[4] = "33"
  16. hex[5] = "00"
  17.  
  18. // accept triplet string and display as background color
  19. function display(triplet) {
  20. // set color as background color
  21. document.bgColor = '#' + triplet
  22.  
  23.  
  24. }
  25.  
  26. // draw a single table cell based on all descriptors
  27. function drawCell(red, green, blue) {
  28. // open cell with specified hexadecimal triplet background color
  29. document.write('<TD BGCOLOR="#' + red + green + blue + '">')
  30.  
  31. // open a hypertext link with javascript: scheme to call display function
  32. document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">')
  33.  
  34. // print transparent image (use any height and width)
  35. document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')
  36.  
  37. // close link tag
  38. document.write('</A>')
  39.  
  40. // close table cell
  41. document.write('</TD>')
  42. }
  43.  
  44. // draw table row based on red and blue descriptors
  45. function drawRow(red, blue) {
  46. // open table row
  47. document.write('<TR>')
  48.  
  49. // loop through all non-dithered color descripters as green hex
  50. for (var i = 0; i < 6; ++i) {
  51. drawCell(red, hex[i], blue)
  52. }
  53.  
  54. // close current table row
  55. document.write('</TR>')
  56. }
  57.  
  58. // draw table for one of six color cube panels
  59. function drawTable(blue) {
  60. // open table (one of six cube panels)
  61. document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
  62.  
  63. // loop through all non-dithered color descripters as red hex
  64. for (var i = 0; i < 6; ++i) {
  65. drawRow(hex[i], blue)
  66. }
  67.  
  68. // close current table
  69. document.write('</TABLE>')
  70. }
  71.  
  72. // draw all cube panels inside table cells
  73. function drawCube() {
  74. // open table
  75. document.write('<TABLE CELLPADDING=1 CELLSPACING=0 BORDER=0><TR>')
  76.  
  77. // loop through all non-dithered color descripters as blue hex
  78. for (var i = 0; i < 6; ++i) {
  79. // open table cell with white background color
  80. document.write('<TD BGCOLOR="#FFFFFF">')
  81.  
  82. // call function to create cube panel with hex[i] blue hex
  83. drawTable(hex[i])
  84.  
  85. // close current table cell
  86. document.write('</TD>')
  87. }
  88.  
  89. // close table row and table
  90. document.write('</TR></TABLE>')
  91. }
  92.  
  93. // call function to begin execution
  94. drawCube()
  95.  
  96. // -->
  97. </SCRIPT></td>
  98. </tr>
  99. </table>
  100. </center>
  101. </div>


Nu wil ik inplaats van dat de bg van de pagina veranderd word de bg van een table veranderen.
Wie weet hoe dat moet?

4 antwoorden

Gesponsorde links
Offline zointer - 06/05/2005 03:30
Avatar van zointer HTML gevorderde door eerst te zoeken
dan had je het volgende vb
  1. <table bgcolor="#0000FF">

  1. <style type="text/css">
  2. <!--
  3. table {
  4. background-color: #FF0000;
  5. }
  6. -->
  7. </style>
Offline MaZZie - 07/05/2005 00:28
Avatar van MaZZie PHP interesse en hoe wou je dan een gebruiker de kleur aan laten passen?
Offline DeafBoy - 07/05/2005 01:46
Avatar van DeafBoy HTML beginner Zeg dat dan meteen..Dat doe je volgens mij niet met javascript maar met PHP.. Dus ander script moet je hebben of beter gezegd zelf maken zodat je weet hoe het in elkaar steekt:!:
Offline zointer - 07/05/2005 07:36
Avatar van zointer HTML gevorderde
Citaat:
en hoe wou je dan een gebruiker de kleur aan laten passen?


1]door deze vraag direct vragen
2]gebruik de zoekfunctie
3]lees eens de faq dan was deze topic vermeden^^

dan heb je vb dit Verschillende layouts met cookies
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.211s