За последние 24 часа нас посетили 17314 программистов и 1261 робот. Сейчас ищут 1506 программистов ...

Таблица HTML + jquery

Тема в разделе "JavaScript и AJAX", создана пользователем kamil-chelny, 12 мар 2010.

  1. kamil-chelny

    kamil-chelny Активный пользователь

    С нами с:
    28 май 2009
    Сообщения:
    26
    Симпатии:
    0
    Всем привет! У меня такая проблема. Есть таблица, в которой есть строка "регионы", а под строками идут показатели.
    Мне нужно чтобы сначала с помощью jquery считывал эти регионы и выводил списком, но таблица пока не видна. При нажатии какого-либо региона, необходимо чтобы появлялась только показатели данного регоина. Как это можно осуществить????

    Код таблицы:
    Код (Text):
    1.  
    2.  
    3. <table class="table1" border="0">
    4. <tr><td id="0" class="zag2" colspan="5">Республика  Коми, г.Сыктывкар_</td></tr>
    5. <tr>
    6. <td style="width: 400px;">Продукция</td>
    7. <td>Размеры</td>
    8. <td>Цена,руб.шпалы</td>
    9. <td>ценаруб шпалы + доставки</td>
    10. <td>Норма загрузки в автотранспорт(тип кузова бортовой обьем 82 куба)</td>
    11. </tr>
    12. <tr>
    13. <td>Шпала пропитанная тип I, шт.</td>
    14. <td>180х250х2750</td>
    15. <td>880р.</td>
    16. <td>993р.</td>
    17. <td>275</td>
    18. </tr>
    19. <tr>
    20. <td>Шпала пропитанная тип II, шт.</td>
    21. <td>160х230х2750</td>
    22. <td>630р.</td>
    23. <td>733р.</td>
    24. <td>300</td>
    25. </tr>
    26. <tr>
    27. <td>Брус переводной пропитанный А4 тип I, к-т</td>
    28. <td>160х230</td>
    29. <td>101 000р.</td>
    30. <td>116 500р.</td>
    31. <td>2</td>
    32. </tr>
    33. <tr>
    34. <td>Брус переводной пропитанный А4 тип II, к-т</td>
    35. <td>160х230</td>
    36. <td>87 000р.</td>
    37. <td>102 500р.</td>
    38. <td>2</td>
    39. </tr>
    40. <tr>
    41. <td>Брус переводной пропитанный Б2 тип II, к-т</td>
    42. <td>160х230</td>
    43. <td>81 000р.</td>
    44. <td>96 500р.</td>
    45. <td>2</td>
    46. </tr>
    47. <tr>
    48. <td>Брус переводной пропитанный А3 тип II, к-т</td>
    49. <td>160х230</td>
    50. <td>120 000р.</td>
    51. <td>135 500р.</td>
    52. <td>2</td>
    53. </tr>
    54. <tr>
    55. <td> </td>
    56. <td> </td>
    57. <td> </td>
    58. <td> </td>
    59. <td> </td>
    60. </tr>
    61. <tr>
    62. <td id="1" class="zag2" colspan="5">Пермская область,г.Пермь_</td>
    63. </tr>
    64. <tr>
    65. <td>Продукция</td>
    66. <td>Размеры</td>
    67. <td>Цена, руб. шпалы</td>
    68. <td>цена руб шпалы + доставки</td>
    69. <td>Норма загрузки в автотранспорт(тип кузова бортовой обьем 82 куба)</td>
    70. </tr>
    71. <tr>
    72. <td>Шпала
    73.   пропитанная тип I, шт.</td>
    74. <td>180х250х2750</td>
    75. <td>880р.</td>
    76. <td>913р.</td>
    77. <td>275</td>
    78.  
    79. </tr>
    80. <tr>
    81. <td>Шпала
    82.   пропитанная тип II, шт.</td>
    83. <td>160х230х2750</td>
    84. <td>630р.</td>
    85. <td>660р.</td>
    86. <td>300</td>
    87. </tr>
    88. <tr>
    89. <td>Брус
    90.   переводной пропитанный А4тип I, к-т</td>
    91. <td>160х230</td>
    92.  
    93. <td>101 000р.</td>
    94. <td>105 500р.</td>
    95. <td>2</td>
    96. </tr>
    97. <tr>
    98. <td>Брус
    99.   переводной пропитанный А4 тип II, к-т</td>
    100. <td>160х230</td>
    101. <td>87 000р.</td>
    102. <td>91 500р.</td>
    103. <td>2</td>
    104.  
    105. </tr>
    106. <tr>
    107. <td>Брус
    108.   переводной пропитанный Б2 тип II, к-т</td>
    109. <td>160х230</td>
    110. <td>81 000р.</td>
    111. <td>85 500р.</td>
    112. <td>2</td>
    113. </tr>
    114. <tr>
    115. <td>Брус
    116.   переводной пропитанный А3 тип II, к-т</td>
    117. <td>160х230</td>
    118.  
    119. <td>120 000р.</td>
    120. <td>124 500р.</td>
    121. <td>2</td>
    122. </tr>
    123. <tr>
    124. <td> </td>
    125. <td> </td>
    126. <td> </td>
    127. <td> </td>
    128. <td> </td>
    129.  
    130. </tr>
    131. <tr>
    132. <td id="2" class="zag2" colspan="5">Свердловская область,г.Екатеринбург_</td>
    133. </tr>
    134. <tr>
    135. <td>Продукция</td>
    136. <td>Размеры</td>
    137. <td>Цена,
    138.   руб. шпалы</td>
    139. <td>цена
    140.   руб шпалы + доставки</td>
    141. <td>Норма
    142.   загрузки в автотранспорт(тип кузова бортовой обьем 82 куба)</td>
    143. </tr>
    144.  
    145. <tr>
    146. <td>Шпала
    147.   пропитанная тип I, шт.</td>
    148. <td>180х250х2750</td>
    149. <td>880р.</td>
    150. <td>924р.</td>
    151. <td>275</td>
    152. </tr>
    153. <tr>
    154. <td>Шпала
    155.   пропитанная тип II, шт.</td>
    156. <td>160х230х2750</td>
    157.  
    158. <td>630р.</td>
    159. <td>670р.</td>
    160. <td>300</td>
    161. </tr>
    162. <tr>
    163. <td>Брус
    164.   переводной пропитанный А4 тип I, к-т</td>
    165. <td>160х230</td>
    166. <td>101 000р.</td>
    167. <td>107 000р.</td>
    168. <td>2</td>
    169.  
    170. </tr>
    171. <tr>
    172. <td>Брус
    173.   переводной пропитанный А4 тип II, к-т</td>
    174. <td>160х230</td>
    175. <td>87 000р.</td>
    176. <td>93 000р.</td>
    177. <td>2</td>
    178. </tr>
    179. <tr>
    180. <td>Брус
    181.   переводной пропитанный Б2 тип II, к-т</td>
    182. <td>160х230</td>
    183.  
    184. <td>81 000р.</td>
    185. <td>87 000р.</td>
    186. <td>2</td>
    187. </tr>
    188. <tr>
    189. <td>Брус
    190.   переводной пропитанный А3 тип II, к-т</td>
    191. <td>160х230</td>
    192. <td>120 000р.</td>
    193. <td>126 000р.</td>
    194. <td>2</td>
    195.  
    196. </tr>
    197. <tr>
    198. <td> </td>
    199. <td> </td>
    200. <td> </td>
    201. <td> </td>
    202. <td> </td>
    203. </tr>
    204. </table>
    ТУт пример из 3х регионов. ПОМОГИТЕ!!!!
     
  2. kamil-chelny

    kamil-chelny Активный пользователь

    С нами с:
    28 май 2009
    Сообщения:
    26
    Симпатии:
    0
    неужели никто не может мне помочь в этом деле?????
     
  3. Simpliest

    Simpliest Активный пользователь

    С нами с:
    24 сен 2009
    Сообщения:
    4.511
    Симпатии:
    2
    Адрес:
    Донецк
    плагины самому посмотреть лень?

    Ищите по слову grid это если комплексное решение.
    Если ручками, то слово table
     
  4. kamil-chelny

    kamil-chelny Активный пользователь

    С нами с:
    28 май 2009
    Сообщения:
    26
    Симпатии:
    0
    Да искал я. Уже все перерыл. Поэтому сюда уже и обратился, может думаю здесь кто поможет. А grid мне не нужен.
     
  5. Simpliest

    Simpliest Активный пользователь

    С нами с:
    24 сен 2009
    Сообщения:
    4.511
    Симпатии:
    2
    Адрес:
    Донецк
    Ваша проблема в том что
    А других Вы заинтересовать не смогли.

    Попробуйте переформулировать вопрос на более адекватный.
    Что конкретно не получается из того что "нужно"?
     
  6. kamil-chelny

    kamil-chelny Активный пользователь

    С нами с:
    28 май 2009
    Сообщения:
    26
    Симпатии:
    0
    У меня из этой таблицы получилось выбрать все мне необходимо регионы и вывести их списком. Теперь у меня не получается, чтобы при нажатии на регион выходили только его данные. Может хотя бы подскажите как это сделать??? Мне бы направление дать в какой стороне рыться(((((
     
  7. Simpliest

    Simpliest Активный пользователь

    С нами с:
    24 сен 2009
    Сообщения:
    4.511
    Симпатии:
    2
    Адрес:
    Донецк
    Выводить таблицу в скрытый div например, или даже в несколько (по каждому региону отдельно)
    На список выбора региона повесить обработчик на javascript, который при смене региона будет делать видимым нужный div и невидимым предыдущий.

    Или как вариант будет копировать содержимое невидимого блока в видимую область

    HTML:
    1.  
    2. <select onchange="regionselect"></select>
    3. <div class="visible">сюда мы будем вставлять информацию по региону</div>
    4. <div class="invisible" id="reg1">тут информация по региону reg1</div>
    5. <div class="invisible" id="reg2">тут информация по региону reg2</div>
    6. ...
    7. <div class="invisible" id="regN">тут информация по региону regN</div>
    8.  
    ну и css
    [css].invisible {
    display:none;
    }
    [/css]
     
  8. kamil-chelny

    kamil-chelny Активный пользователь

    С нами с:
    28 май 2009
    Сообщения:
    26
    Симпатии:
    0
    А как с помощью jquery пробежаться по всей таблице и именно информацию конкретного региона скопировать в div. До меня вот это не доходит((( У вас есть какие нибудь идеи?
     
  9. Simpliest

    Simpliest Активный пользователь

    С нами с:
    24 сен 2009
    Сообщения:
    4.511
    Симпатии:
    2
    Адрес:
    Донецк
    Я же дал пример.
    Информацию каждого региона записывать в свой отдельный div

    Если она пишется в таблицу, то или сделать Н таблиц, или добавить к тегам tr какой-нибудь id/class для идентификации о каком конкретном регионе содержит информацию данная строка таблицы.

    а бегать по элементам можно при помощи $().each
     
  10. kamil-chelny

    kamil-chelny Активный пользователь

    С нами с:
    28 май 2009
    Сообщения:
    26
    Симпатии:
    0
    у каждого строки-региона есть свой id, а для его значений нет. Т.к. там у нас 32 региона и каждой строке прописывать id трудно. Я прописал для каджого региона id. теперь стоит задача как скопирвать данные региона через цикл знаю только id строки-региона.