/source/gl/mb/right/add.html

http://prosporous.googlecode.com/ · HTML · 226 lines · 204 code · 22 blank · 0 comment · 0 complexity · ae55322d8851feb90952b7667252119f MD5 · raw file 

    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">

    3. 

  3. <head>

    4. 

  4. <meta http-equiv="content-type" content="text/html; charset=utf-8">

    5. 

  5. <title>rightcfg</title>

    6. 

  6. <script type="text/javascript" src="../js/jquery.js"></script>

    7. 

  7. <link rel="stylesheet" type="text/css" href="/Plug-in/ext/resources/css/xtheme-slate.css" />

    8. 

  8. <style type="text/css">

    9. 

  9. 

    10. 

  10. table {border-collapse:collapse;}

    11. 

  11. thead th {

    12. 

  12. font:bold 13px/18px georgia;

    13. 

  13. text-align:left;

    14. 

  14. background:#EEEEEE;

    15. 

  15. color:#333;

    16. 

  16. padding:8px 16px 8px 8px;

    17. 

  17. border-right:1px solid #fff;

    18. 

  18. border-bottom:1px solid #fff;

    19. 

  19. }

    20. 

  20. thead th.null {background:#7777CD}

    21. 

  21. tbody th {

    22. 

  22. font:bold 12px/15px georgia;

    23. 

  23. text-align:left;

    24. 

  24. background:#D1DDEF;

    25. 

  25. color:#333;

    26. 

  26. padding:8px;

    27. 

  27. border-bottom:1px solid #f3f0e4;

    28. 

  28. border-right:1px solid #fff;

    29. 

  29. }

    30. 

  30. tbody td {

    31. 

  31. font:normal 12px/15px georgia;

    32. 

  32. color:#333;

    33. 

  33. padding:8px;

    34. 

  34. border-right:1px solid #f3f0e4;

    35. 

  35. border-bottom:1px solid #f3f0e4;

    36. 

  36. }

    37. 

  37. /* ?3????   --cssrain.cn */

    38. 

  38. tbody td.on {background:#69c;}   

    39. 

  39. thead th.on {background:#69c;}

    40. 

  40. tbody th.on {background:#69c;}

    41. 

  41. </style>

    42. 

  42. 

    43. 

  43. 

    44. 

  44. <script type="text/javascript">

    45. 

  45. /*

    46. 

  46. For functions getElementsByClassName, addClassName, and removeClassName

    47. 

  47. Copyright Robert Nyman, <a href="http://www.robertnyman.com" target="_blank">http://www.robertnyman.com</a>

    48. 

  48. Free to use if this text is included

    49. 

  49. */

    50. 

  50. function addLoadEvent(func) {

    51. 

  51. var oldonload = window.onload;

    52. 

  52. if (typeof window.onload != 'function') {

    53. 

  53.     window.onload = func;

    54. 

  54. } else {

    55. 

  55.     window.onload = function() {

    56. 

  56.       oldonload();

    57. 

  57.       func();

    58. 

  58.     }

    59. 

  59. }

    60. 

  60. }

    61. 

  61. 

    62. 

  62. function getElementsByClassName(className, tag, elm){

    63. 

  63. var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");

    64. 

  64. var tag = tag || "*";

    65. 

  65. var elm = elm || document;

    66. 

  66. var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);

    67. 

  67. var returnElements = [];

    68. 

  68. var current;

    69. 

  69. var length = elements.length;

    70. 

  70. for(var i=0; i<length; i++){

    71. 

  71.    current = elements[i];

    72. 

  72.    if(testClass.test(current.className)){

    73. 

  73.     returnElements.push(current);

    74. 

  74.    }

    75. 

  75. }

    76. 

  76. return returnElements;

    77. 

  77. }

    78. 

  78. 

    79. 

  79. function addClassName(elm, className){

    80. 

  80.     var currentClass = elm.className;

    81. 

  81.     if(!new RegExp(("(^|\\s)" + className + "(\\s|$)"), "i").test(currentClass)){

    82. 

  82.         elm.className = currentClass + ((currentClass.length > 0)? " " : "") + className;

    83. 

  83.     }

    84. 

  84.     return elm.className;

    85. 

  85. }

    86. 

  86. 

    87. 

  87. function removeClassName(elm, className){

    88. 

  88.     var classToRemove = new RegExp(("(^|\\s)" + className + "(\\s|$)"), "i");

    89. 

  89.     elm.className = elm.className.replace(classToRemove, "").replace(/^\s+|\s+$/g, "");

    90. 

  90.     return elm.className;

    91. 

  91. }

    92. 

  92. 

    93. 

  93. function makeTheTableHeadsHighlight() {

    94. 

  94. // get all the td's in the heart of the table...

    95. 

  95. var table = document.getElementById('rockartists');

    96. 

  96. var tbody = table.getElementsByTagName('tbody');

    97. 

  97. var tbodytds = table.getElementsByTagName('td');

    98. 

  98. 

    99. 

  99. // and loop through them...

    100. 

  100. for (var i=0; i<tbodytds.length; i++) {

    101. 

  101. 

    102. 

  102. // take note of their default class name

    103. 

  103.    tbodytds[i].oldClassName = tbodytds[i].className;

    104. 

  104.   

    105. 

  105. // when someone moves their mouse over one of those cells...

    106. 

  106.    tbodytds[i].onmouseover = function() {

    107. 

  107. 

    108. 

  108. // attach 'on' to the pointed cell

    109. 

  109.     addClassName(this,'on');

    110. 

  110.    

    111. 

  111. // attach 'on' to the th in the thead with the same class name

    112. 

  112.     var topheading = getElementsByClassName(this.oldClassName,'th',table);

    113. 

  113.     addClassName(topheading[0],'on');

    114. 

  114.    

    115. 

  115. // attach 'on' to the far left th in the same row as this cell

    116. 

  116.     var row = this.parentNode;

    117. 

  117.     var rowheading = row.getElementsByTagName('th')[0];

    118. 

  118.     addClassName(rowheading,'on');

    119. 

  119.    }

    120. 

  120. 

    121. 

  121. // ok, now when someone moves their mouse away, undo everything we just did.

    122. 

  122. 

    123. 

  123.    tbodytds[i].onmouseout = function() {

    124. 

  124. 

    125. 

  125. // remove 'on' from this cell

    126. 

  126.     removeClassName(this,'on');

    127. 

  127.    

    128. 

  128. // remove 'on' from the th in the thead

    129. 

  129.     var topheading = getElementsByClassName(this.oldClassName,'th',table);

    130. 

  130.     removeClassName(topheading[0],'on');

    131. 

  131. 

    132. 

  132. // remove 'on' to the far left th in the same row as this cell

    133. 

  133.     var row = this.parentNode;

    134. 

  134.     var rowheading = row.getElementsByTagName('th')[0];

    135. 

  135.     removeClassName(rowheading,'on');

    136. 

  136.    }

    137. 

  137. }

    138. 

  138. }

    139. 

  139. addLoadEvent(makeTheTableHeadsHighlight);

    140. 

  140. </script>

    141. 

  141. </head>

    142. 

  142. <body>

    143. 

  143. <FORM action="./i.php" method="post" name="form1" id="form1">

    144. 

  144. <table width="90%" align="center">

    145. 

  145.     <tr>

    146. 

  146.     	<td width="80px">????</td>

    147. 

  147.         <td><input name="tt" type="text" value="<{$tp.tt}>"></td>

    148. 

  148.     </tr>

    149. 

  149.     <tr>

    150. 

  150.     	<td>???</td>

    151. 

  151.         <td><input name="ct" type="text" style="width:360px" value="<{$tp.ct}>"></td>

    152. 

  152.     </tr>

    153. 

  153. </table>

    154. 

  154. 

    155. 

  155. <table id="rockartists" align="center" width="90%" >

    156. 

  156. <thead>

    157. 

  157.    <tr>

    158. 

  158.     <th class="null"><font color="#FFFFFF">????</font></th>

    159. 

  159.     <th class="stones">????</th>

    160. 

  160.     <th class="u2">??????</th>

    161. 

  161.     <th class="crue">????</th>

    162. 

  162.    </tr>

    163. 

  163. </thead>

    164. 

  164. <tbody>

    165. 

  165. <{$tr}>

    166. 

  166. </tbody>

    167. 

  167. </table>

    168. 

  168. <table width="90%" align="center">

    169. 

  169.     <tr>

    170. 

  170.     	<td align='center'><input type="submit" value="??"><input type="hidden" name="tid" value="<{$tid}>" /><input type="reset" value="??"> <input type="button" value="??" onclick="getall();"><input type="button" value="??" onclick="getnall();"><input type="button" value="??" onclick="getfall();"> <input type="hidden" name="id" value="<{$id}>" /></td>

    171. 

  171.     </tr>

    172. 

  172. </table>

    173. 

  173. 

    174. 

  174. </form>

    175. 

  175. </body>

    176. 

  176. <script>

    177. 

  177. function getall()

    178. 

  178. {

    179. 

  179. for ( var i=0; i<document.form1.elements.length; i++ ) 

    180. 

  180. {

    181. 

  181.    var e = document.form1.elements[i];

    182. 

  182.    if ( (e.type=='checkbox')&&(!e.disabled) ) 

    183. 

  183.    {

    184. 

  184. 	document.form1.elements[i].checked=true;

    185. 

  185. 	}

    186. 

  186. }

    187. 

  187. }

    188. 

  188. function getnall()

    189. 

  189. {

    190. 

  190. for ( var i=0; i<document.form1.elements.length; i++ ) 

    191. 

  191. {

    192. 

  192.    var e = document.form1.elements[i];

    193. 

  193.    if ( (e.type=='checkbox')&&(!e.disabled) ) 

    194. 

  194.    {

    195. 

  195. 	document.form1.elements[i].checked=false;

    196. 

  196. 	}

    197. 

  197. }

    198. 

  198. }

    199. 

  199. function getfall()

    200. 

  200. {

    201. 

  201. for ( var i=0; i<document.form1.elements.length; i++ ) 

    202. 

  202. {

    203. 

  203.    var e = document.form1.elements[i];

    204. 

  204.    if ( (e.type=='checkbox')&&(!e.disabled) ) 

    205. 

  205.    {

    206. 

  206. 	document.form1.elements[i].checked?document.form1.elements[i].checked=false:document.form1.elements[i].checked=true;

    207. 

  207. 	}

    208. 

  208. }

    209. 

  209. }

    210. 

  210. function smallall(obj){

    211. 

  211.     if($("input[name='xr["+obj+"]']").attr("checked")){

    212. 

  212.         $("input[name='r["+obj+"]']").attr("checked","true");

    213. 

  213.         $("input[name='c["+obj+"]']").attr("checked","true");

    214. 

  214.         $("input[name='u["+obj+"]']").attr("checked","true");

    215. 

  215.         $("input[name='d["+obj+"]']").attr("checked","true");

    216. 

  216.     }else{

    217. 

  217.         $("input[name='r["+obj+"]']").removeAttr("checked");

    218. 

  218.         $("input[name='c["+obj+"]']").removeAttr("checked");

    219. 

  219.         $("input[name='u["+obj+"]']").removeAttr("checked");

    220. 

  220.         $("input[name='d["+obj+"]']").removeAttr("checked");

    221. 

  221.     }

    222. 

  222. }

    223. 

  223. </script>

    224. 

  224. 

    225. 

  225. </html>
    226.