source: trunk/forum/adm/style/colour_swatch.html

Last change on this file was 400, checked in by george, 16 years ago
  • Přidáno: Nové forum phpBB 3.
File size: 1.8 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
5<meta http-equiv="Content-Style-Type" content="text/css" />
6<meta http-equiv="Content-Language" content="{S_USER_LANG}" />
7<meta http-equiv="imagetoolbar" content="no" />
8<title>{L_COLOUR_SWATCH}</title>
9
10<style type="text/css">
11/* <![CDATA[ */
12 body {
13 background-color: #404040;
14 color: #fff;
15 }
16
17 td {
18 border: solid 1px #333;
19 }
20
21 .over {
22 border-color: white;
23 }
24
25 .out {
26 border-color: #333333;
27 }
28
29 img {
30 border: 0;
31 }
32/* ]]> */
33</style>
34</head>
35
36<body>
37
38<script type="text/javascript">
39// <![CDATA[
40 var r = 0, g = 0, b = 0;
41
42 var numberList = new Array(6);
43 numberList[0] = '00';
44 numberList[1] = '33';
45 numberList[2] = '66';
46 numberList[3] = '99';
47 numberList[4] = 'CC';
48 numberList[5] = 'FF';
49
50 document.writeln('<table cellspacing="0" cellpadding="0" border="0">');
51
52 for (r = 0; r < 6; r++)
53 {
54 document.writeln('<tr>');
55
56 for (g = 0; g < 6; g++)
57 {
58 for (b = 0; b < 6; b++)
59 {
60 color = String(numberList[r]) + String(numberList[g]) + String(numberList[b]);
61 document.write('<td style="background-color: #' + color + ';" onmouseover="this.className=\'over\'" onmouseout="this.className=\'out\'">');
62 document.write('<a href="#" onclick="cell(\'' + color + '\'); return false;"><img src="{T_IMAGES_PATH}spacer.gif" width="15" height="12" alt="#' + color + '" title="#' + color + '" \/><\/a>');
63 document.writeln('<\/td>');
64 }
65 }
66 document.writeln('<\/tr>');
67 }
68 document.writeln('<\/table>');
69
70 function cell(color)
71 {
72 opener.document.forms["{OPENER}"].{NAME}.value = color;
73 }
74// ]]>
75</script>
76
77</body>
78</html>
Note: See TracBrowser for help on using the repository browser.