Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
fanzherong
/
baozhangfang
1
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Gałąź: master
Gałęzie Tagi
baozhangfang
/
WebRoot
/
icons.jsp

icons.jsp 6.9 KB
Bezpośredni odnośnik Historia Czysty

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    2. 

  2. <%
    3. 

  3. 	String contextPath = request.getContextPath();
    4. 

  4. %>
    5. 

  5. <!DOCTYPE html>
    6. 

  6. <html>
    7. 

  7. <head>
    8. 

  8. <title></title>
    9. 

  9. <jsp:include page="common/include.jsp"></jsp:include>
    10. 

  10. <script type="text/javascript">
    11. 

  11. 	$(function() {
    12. 

  12. 

  13. 		$(':radio').each(function(index) {//初始化小图标
    14. 

  14. 			$(this).after('<img class="iconImg ' + $(this).val() + '"/>');
    15. 

  15. 		});
    16. 

  16. 		$('.iconImg').attr('src', 'images/pixel_0.gif');
    17. 

  17. 

  18. 		$('td').click(function() {//绑定点击td事件，作用是点击td的时候，就可以选中，不一定非得点击radio组件
    19. 

  19. 			$(this).find(':radio').attr('checked', 'checked');
    20. 

  20. 		});
    21. 

  21. 

  22. 	});
    23. 

  23. </script>
    24. 

  24. </head>
    25. 

  25. <body>
    26. 

  26. 	<table class="table" style="width: 100%;">
    27. 

  27. 		<tr>
    28. 

  28. 			<td><input name="r" value="ext-icon-book" type="radio" /></td>
    29. 

  29. 			<td><input name="r" value="ext-icon-book_next" type="radio" /></td>
    30. 

  30. 			<td><input name="r" value="ext-icon-book_open" type="radio" /></td>
    31. 

  31. 			<td><input name="r" value="ext-icon-book_previous" type="radio" /></td>
    32. 

  32. 			<td><input name="r" value="ext-icon-box" type="radio" /></td>
    33. 

  33. 			<td><input name="r" value="ext-icon-brick" type="radio" /></td>
    34. 

  34. 			<td><input name="r" value="ext-icon-bricks" type="radio" /></td>
    35. 

  35. 			<td><input name="r" value="ext-icon-building" type="radio" /></td>
    36. 

  36. 		</tr>
    37. 

  37. 		<tr>
    38. 

  38. 			<td><input name="r" value="ext-icon-clock" type="radio" /></td>
    39. 

  39. 			<td><input name="r" value="ext-icon-clock" type="radio" /></td>
    40. 

  40. 			<td><input name="r" value="ext-icon-cog" type="radio" /></td>
    41. 

  41. 			<td><input name="r" value="ext-icon-compress" type="radio" /></td>
    42. 

  42. 			<td><input name="r" value="ext-icon-computer" type="radio" /></td>
    43. 

  43. 			<td><input name="r" value="ext-icon-cut" type="radio" /></td>
    44. 

  44. 			<td><input name="r" value="ext-icon-database" type="radio" /></td>
    45. 

  45. 			<td><input name="r" value="ext-icon-disconnect" type="radio" /></td>
    46. 

  46. 		</tr>
    47. 

  47. 		<tr>
    48. 

  48. 			<td><input name="r" value="ext-icon-disk" type="radio" /></td>
    49. 

  49. 			<td><input name="r" value="ext-icon-disk_multiple" type="radio" /></td>
    50. 

  50. 			<td><input name="r" value="ext-icon-door" type="radio" /></td>
    51. 

  51. 			<td><input name="r" value="ext-icon-find" type="radio" /></td>
    52. 

  52. 			<td><input name="r" value="ext-icon-font" type="radio" /></td>
    53. 

  53. 			<td><input name="r" value="ext-icon-hourglass" type="radio" /></td>
    54. 

  54. 			<td><input name="r" value="ext-icon-house" type="radio" /></td>
    55. 

  55. 			<td><input name="r" value="ext-icon-image" type="radio" /></td>
    56. 

  56. 		</tr>
    57. 

  57. 		<tr>
    58. 

  58. 			<td><input name="r" value="ext-icon-mouse" type="radio" /></td>
    59. 

  59. 			<td><input name="r" value="ext-icon-package" type="radio" /></td>
    60. 

  60. 			<td><input name="r" value="ext-icon-palette" type="radio" /></td>
    61. 

  61. 			<td><input name="r" value="ext-icon-pencil" type="radio" /></td>
    62. 

  62. 			<td><input name="r" value="ext-icon-search" type="radio" /></td>
    63. 

  63. 			<td><input name="r" value="ext-icon-server" type="radio" /></td>
    64. 

  64. 			<td><input name="r" value="ext-icon-shape_align_bottom" type="radio" /></td>
    65. 

  65. 			<td><input name="r" value="ext-icon-shape_align_center" type="radio" /></td>
    66. 

  66. 		</tr>
    67. 

  67. 		<tr>
    68. 

  68. 			<td><input name="r" value="ext-icon-shape_align_left" type="radio" /></td>
    69. 

  69. 			<td><input name="r" value="ext-icon-shape_align_middle" type="radio" /></td>
    70. 

  70. 			<td><input name="r" value="ext-icon-shape_align_right" type="radio" /></td>
    71. 

  71. 			<td><input name="r" value="ext-icon-shape_align_top" type="radio" /></td>
    72. 

  72. 			<td><input name="r" value="ext-icon-shape_move_back" type="radio" /></td>
    73. 

  73. 			<td><input name="r" value="ext-icon-shape_move_backwards" type="radio" /></td>
    74. 

  74. 			<td><input name="r" value="ext-icon-shape_move_forwards" type="radio" /></td>
    75. 

  75. 			<td><input name="r" value="ext-icon-shape_move_front" type="radio" /></td>
    76. 

  76. 		</tr>
    77. 

  77. 		<tr>
    78. 

  78. 			<td><input name="r" value="ext-icon-wrench" type="radio" /></td>
    79. 

  79. 			<td><input name="r" value="ext-icon-application_form_edit" type="radio" /></td>
    80. 

  80. 			<td><input name="r" value="ext-icon-application_form_magnify" type="radio" /></td>
    81. 

  81. 			<td><input name="r" value="ext-icon-application_get" type="radio" /></td>
    82. 

  82. 			<td><input name="r" value="ext-icon-application_go" type="radio" /></td>
    83. 

  83. 			<td><input name="r" value="ext-icon-application_home" type="radio" /></td>
    84. 

  84. 			<td><input name="r" value="ext-icon-application_key" type="radio" /></td>
    85. 

  85. 			<td><input name="r" value="ext-icon-application_lightning" type="radio" /></td>
    86. 

  86. 		</tr>
    87. 

  87. 		<tr>
    88. 

  88. 			<td><input name="r" value="ext-icon-application_link" type="radio" /></td>
    89. 

  89. 			<td><input name="r" value="ext-icon-application_osx" type="radio" /></td>
    90. 

  90. 			<td><input name="r" value="ext-icon-application_osx_terminal" type="radio" /></td>
    91. 

  91. 			<td><input name="r" value="ext-icon-application_put" type="radio" /></td>
    92. 

  92. 			<td><input name="r" value="ext-icon-application_side_boxes" type="radio" /></td>
    93. 

  93. 			<td><input name="r" value="ext-icon-application_side_contract" type="radio" /></td>
    94. 

  94. 			<td><input name="r" value="ext-icon-application_side_expand" type="radio" /></td>
    95. 

  95. 			<td><input name="r" value="ext-icon-application_side_list" type="radio" /></td>
    96. 

  96. 		</tr>
    97. 

  97. 		<tr>
    98. 

  98. 			<td><input name="r" value="ext-icon-application_side_tree" type="radio" /></td>
    99. 

  99. 			<td><input name="r" value="ext-icon-application_split" type="radio" /></td>
    100. 

  100. 			<td><input name="r" value="ext-icon-application_tile_horizontal" type="radio" /></td>
    101. 

  101. 			<td><input name="r" value="ext-icon-application_tile_vertical" type="radio" /></td>
    102. 

  102. 			<td><input name="r" value="ext-icon-application_view_columns" type="radio" /></td>
    103. 

  103. 			<td><input name="r" value="ext-icon-application_view_detail" type="radio" /></td>
    104. 

  104. 			<td><input name="r" value="ext-icon-application_view_gallery" type="radio" /></td>
    105. 

  105. 			<td><input name="r" value="ext-icon-application_view_icons" type="radio" /></td>
    106. 

  106. 		</tr>
    107. 

  107. 		<tr>
    108. 

  108. 			<td><input name="r" value="ext-icon-application_view_list" type="radio" /></td>
    109. 

  109. 			<td><input name="r" value="ext-icon-application_view_tile" type="radio" /></td>
    110. 

  110. 			<td><input name="r" value="ext-icon-application_xp" type="radio" /></td>
    111. 

  111. 			<td><input name="r" value="ext-icon-application_xp_terminal" type="radio" /></td>
    112. 

  112. 			<td><input name="r" value="ext-icon-chart_curve" type="radio" /></td>
    113. 

  113. 			<td><input name="r" value="ext-icon-chart_line" type="radio" /></td>
    114. 

  114. 			<td><input name="r" value="ext-icon-chart_pie" type="radio" /></td>
    115. 

  115. 			<td><input name="r" value="ext-icon-date" type="radio" /></td>
    116. 

  116. 		</tr>
    117. 

  117. 		<tr>
    118. 

  118. 			<td><input name="r" value="ext-icon-folder" type="radio" /></td>
    119. 

  119. 			<td><input name="r" value="ext-icon-group" type="radio" /></td>
    120. 

  120. 			<td><input name="r" value="ext-icon-printer" type="radio" /></td>
    121. 

  121. 			<td><input name="r" value="ext-icon-table" type="radio" /></td>
    122. 

  122. 			<td><input name="r" value="ext-icon-user" type="radio" /></td>
    123. 

  123. 			<td><input name="r" value="ext-icon-user_gray" type="radio" /></td>
    124. 

  124. 			<td><input name="r" value="ext-icon-user_green" type="radio" /></td>
    125. 

  125. 			<td><input name="r" value="ext-icon-user_orange" type="radio" /></td>
    126. 

  126. 		</tr>
    127. 

  127. 		<tr>
    128. 

  128. 			<td><input name="r" value="ext-icon-user_red" type="radio" /></td>
    129. 

  129. 			<td><input name="r" value="ext-icon-user_suit" type="radio" /></td>
    130. 

  130. 		</tr>
    131. 

  131. 	</table>
    132. 

  132. </body>
    133. 

  133. </html>
    134.