Форум программистов, компьютерный форум, киберфорум
jQuery
Форум программистов и сисадминов Киберфорум > Форум web-программистов > JavaScript > jQuery
Войти
Регистрация
Восстановить пароль
Блоги Социальные группы Поиск Сообщения за день Заказать работу  
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
0 / 0 / 1
Регистрация: 26.11.2010
Сообщений: 41

Смена таблицы

30.11.2010, 18:01. Показов 979. Ответов 5
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Не могу понять, почему не работает скрипт на странице. Требуется, чтобы нажимая на дни, предидущая таблица скрывалась, а та, которая соответствует нажатому дню открывалась.
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>work</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
 
<body>
<div class="main-news">
 
        <h1>Погода <span>Минск 30 ноября 2010г.</span></h1>
    <div class="indents">
    
                
        
        <div class="weather-img">
            <img src="http://www.kstati.by/media/img/weather/day/1.png" alt="" />
        </div>
        <div class="weather-degree">
        -16...-18       </div>
        <div class="weather-detail">
            <p class="two">747 мм рт.ст.</p>
            <p class="three">3  м/c</p>
            <p class="four">99%</p>
        </div>
        
                    </div>
 
    <div class="indents">
<div class="day-choosing">
            <script>
                function changetab(id) {
                    $('#w0').removeClass('day_choosen').addClass('day');
                    $('#w1').removeClass('day_choosen').addClass('day');
                    $('#w2').removeClass('day_choosen').addClass('day');
                    $('#w3').removeClass('day_choosen').addClass('day');
                                        
                    $('#w'+id).addClass('day_choosen');
                    
                    $('.blue-block').hide();
                    $('#w_data'+id).show();
                }
            </script>
                                                                                                        
<div class="day_choosen" id="w1">
                [B][/B]<a href="" title="30" onClick="changetab(1);return false;">
                        <div class="raz">
        <img src="http://kstati.by/media/img/weather/day/7.png" alt="" />
                    </div>
                    <div class="dva">
<span class="datum">30.11.2010</span><br />
<span class="turquoise">-13</span><span class="dots">...</span>  <span class="red">-11</span>
                        </div>
    </a>
  </div>
                    <div class="day " id="w2" >
            <a href="" title="01" onClick="changetab(2);return false;">
                           <div class="raz">
    <img src="http://kstati.by/media/img/weather/day/0.png" alt="" />
                    </div>
                    <div class="dva">
<span class="datum">01.11.2010</span><br />
<span class="turquoise">-14</span><span class="dots">...</span>  <span class="red">-12</span>
                        </div>
                    </a>
                </div>
            <div class="day " id="w3" >
    <a href="" title="02" onClick="changetab(3);return false;">
            <div class="raz">
    <img src="http://kstati.by/media/img/weather/day/0.png" alt="" />
</div>
<div class="dva">
<span class="datum">02.11.2010</span><br />
<span class="turquoise">-14</span><span class="dots">...</span>  <span class="red">-12</span>
                        </div>
                    </a>
                </div>
                                                
</div>
        
                
            <div class="blue-block"  id="w_data1" >
            <div class="weather-div">
    <table class="weather-table">
              <tr class="des">
            <td></td>
            <td></td>
            <td>t, С</td>
            <td>давление</td>
            <td>ветер</td>
            <td>влажность</td>
        </tr>
        <tr>
            <td class="condition" width="60">утро</td>
            <td><img src="http://kstati.by/media/img/weather/day/3.png" alt="" /></td>
            <td class="temperature">-12..-10</td>
            <td class="presure">1009 гПа [мм]</td>
            <td class="presure">7-10  м/c</td>
            <td class="presure">80%</td>
        </tr>
        <tr>
            <td class="condition" width="60">день</td>
            <td><img src="http://kstati.by/media/img/weather/day/7.png" alt="" /></td>
            <td class="temperature">-13..-11</td>
            <td class="presure">1013 гПа [мм]</td>
            <td class="presure">6-8  м/c</td>
            <td class="presure">75%</td>
        </tr>
        <tr>
            <td class="condition" width="60">вечер</td>
            <td><img src="http://kstati.by/media/img/weather/day/2.png" alt="" /></td>
            <td class="temperature">-15..-13</td>
            <td class="presure">1018 гПа [мм]</td>
            <td class="presure">4-6  м/c</td>
            <td class="presure">75%</td>
        </tr>
        <tr>
            <td class="condition" width="60">ночь</td>
            <td><img src="http://kstati.by/media/img/weather/night/3.png" alt="" /></td>
            <td class="temperature">-12..-10</td>
            <td class="presure">1007 гПа [мм]</td>
            <td class="presure">8-11  м/c</td>
            <td class="presure">85%</td>
        </tr>
    </table>
            </div>
        </div>
            <div class="blue-block"  id="w_data2" style="display:none;">
 
            <div class="weather-div">
    <table class="weather-table">
        <tr class="des">
            <td></td>
            <td></td>
            <td>t, С</td>
            <td>давление</td>
            <td>ветер</td>
            <td>влажность</td>
        </tr>
        <tr>
            <td class="condition" width="60">утро</td>
            <td><img src="http://kstati.by/media/img/weather/day/0.png" alt="" /></td>
            <td class="temperature">-17..-15</td>
            <td class="presure">1024 гПа [мм]</td>
            <td class="presure">3-5  м/c</td>
            <td class="presure">80%</td>
        </tr>
        <tr>
            <td class="condition" width="60">день</td>
            <td><img src="http://kstati.by/media/img/weather/day/0.png" alt="" /></td>
            <td class="temperature">-14..-12</td>
            <td class="presure">1026 гПа [мм]</td>
            <td class="presure">3-5  м/c</td>
            <td class="presure">75%</td>
        </tr>
        <tr>
            <td class="condition" width="60">вечер</td>
            <td><img src="http://kstati.by/media/img/weather/day/0.png" alt="" /></td>
            <td class="temperature">-15..-13</td>
            <td class="presure">1027 гПа [мм]</td>
            <td class="presure">1-3  м/c</td>
            <td class="presure">80%</td>
        </tr>
        <tr>
            <td class="condition" width="60">ночь</td>
            <td><img src="http://kstati.by/media/img/weather/night/0.png" alt="" /></td>
            <td class="temperature">-16..-14</td>
            <td class="presure">1021 гПа [мм]</td>
            <td class="presure">3-5  м/c</td>
            <td class="presure">80%</td>
        </tr>
    </table>
            </div>
        </div>
            <div class="blue-block"  id="w_data3" style="display:none;">
            <div class="weather-div">
    <table class="weather-table">
        <tr class="des">
            <td></td>
            <td></td>
            <td>t, С</td>
            <td>давление</td>
            <td>ветер</td>
            <td>влажность</td>
        </tr>
        <tr>
            <td class="condition" width="60">день</td>
            <td><img src="http://kstati.by/media/img/weather/day/0.png" alt="" /></td>
            <td class="temperature">-14..-12</td>
            <td class="presure">1027 гПа [мм]</td>
            <td class="presure">5-7  м/c</td>
            <td class="presure">75%</td>
        </tr>
        <tr>
            <td class="condition" width="60">ночь</td>
            <td><img src="http://kstati.by/media/img/weather/night/0.png" alt="" /></td>
            <td class="temperature">-15..-13</td>
            <td class="presure">1028 гПа [мм]</td>
            <td class="presure">2-4  м/c</td>
            <td class="presure">85%</td>
        </tr>
    </table>
</div>
</div>
            <div class="blue-block"  id="w_data4" style="display:none;">
            <div class="weather-div">
    <table class="weather-table">
        <tr class="des">
            <td></td>
            <td></td>
            <td>t, С</td>
            <td>давление</td>
            <td>ветер</td>
            <td>влажность</td>
        </tr>
        <tr>
            <td class="condition" width="60">день</td>
            <td><img src="" alt="" /></td>
            <td class="temperature"></td>
            <td class="presure"> гПа [мм]</td>
            <td class="presure">  м/c</td>
            <td class="presure">%</td>
        </tr>
        <tr>
            <td class="condition" width="60">ночь</td>
            <td><img src="http://kstati.by/media/img/weather/night/7.png" alt="" /></td>
            <td class="temperature">-12..-10</td>
            <td class="presure">1021 гПа [мм]</td>
            <td class="presure">6-8  м/c</td>
            <td class="presure">80%</td>
        </tr>
            </table>
            </div>
        </div>
                        
    </div>
</div>
</body>
</html>
Посмотрите пожалуйста, может кто че подскажет
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
 30.11.2010, 18:01
Ответы с готовыми решениями:

Смена подключаемой таблицы стилей в зависимости от выполнения условия.
Здравствуйте. Есть код по смене фона сайта: document.body.style.backgroundColor = ~~((+new Date() - new Date('09/01/2014')) / (1000 * 60...

Смена фона таблицы через некоторые промежутки времени
Есть таблица с тестом и элементами управления, надо менять ее фон через несколько секунд. &lt;TABLE border=&quot;0&quot;...

Смена фона при наведении курсора мыши на ячейку таблицы
Создать функцию, которая будет изменять фон слоя в соответствии с фоном ячейки при наведении курсора мыши на ячейку таблицы. В качестве...

5
Особый статус
 Аватар для bek08
40 / 41 / 10
Регистрация: 26.01.2010
Сообщений: 506
30.11.2010, 20:54
Цитата Сообщение от a-d-a-m-s Посмотреть сообщение
<script>
</script>
Что это???

Добавлено через 56 секунд
Цитата Сообщение от a-d-a-m-s Посмотреть сообщение
<script>
</script>
Что это???
0
 Аватар для __PION__
960 / 801 / 85
Регистрация: 21.07.2010
Сообщений: 3,522
30.11.2010, 22:24
bek08, здаров, это теги хтмл туда мона записать напр скрипт яваскрипта

Добавлено через 4 минуты
a-d-a-m-s, я как понял, у тя яваскрипт, тогда те надо тег <script> переписать так
HTML5
1

<script type="text/javascript">
а дальше как есть, попробуй...
0
 Аватар для Good-bad man
256 / 234 / 38
Регистрация: 31.10.2010
Сообщений: 504
01.12.2010, 07:00
А где подключение jQuery? Добавьте в head
HTML5
1

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
и всё заработает
0
Особый статус
 Аватар для bek08
40 / 41 / 10
Регистрация: 26.01.2010
Сообщений: 506
01.12.2010, 09:19
Love_and_Peace, Я знаю что это но не совсем правилно написаны
0
 Аватар для __PION__
960 / 801 / 85
Регистрация: 21.07.2010
Сообщений: 3,522
01.12.2010, 09:58
Цитата Сообщение от bek08 Посмотреть сообщение
Love_and_Peace, Я знаю что это но не совсем правилно написаны
не сомневался,просто твой вопрос не ясен был
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
 01.12.2010, 09:58
Помогаю со студенческими работами здесь

Смена таблицы в DBGrid
Не подскажите, как сделать, чтобы при выборе пункта в КомбоБокс открывалась другая таблица, т.е. старая закрывается в ДБГрид а новая...

DataGridView и смена таблицы в нем
Есть DataGridView, в него через DataSet загружена таблица(посредством встроенных средств MVS C#). Используется BindingSource для...

Смена таблицы через выпадающее меню
Добрый день. Есть база, в базе будет много таблиц, в которых будут данные и особый номер счетчика. Нужно что в &quot;форма...

Смена подстановочной таблицы в поле со списком
Может быть, кто то - из опытных Acess-мастеров, подскажет, как можно реализовать следующую функцию: 1.Есть форма 'Main' 2.Есть на...

Автоматическая смена значения в ячейке таблицы
Доброго дня, сразу к сути: Есть куча таблиц, в каждой из них куча строк и столбцов, в общем БД довольно загруженная. БД подключена к...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru