ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите динамически скрыть строку таблицы
11 сообщений из 11, страница 1 из 1
Помогите динамически скрыть строку таблицы
    #37630145
HTML_beginner
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML_beginner
Гость
Доброго времени суток!
Имеется таблица из 4-х строк. В одной из строк содержится элемент выбора "SELECT" со списком значений от 1 до 5. Подскажите пожалуйста, как при выборе, допустим, значения 3 из списка - динамически скрывать первую строку таблицы? Заранее благодарен за помощь.
Код: html
1.
2.
3.
4.
5.
6.
<table>
  <tr><td>Строка 1</td></tr>
  <tr><td>Строка 2</td></tr>
  <tr><td>Строка 3</td></tr>
  <tr><td><select name="n">Список значений 1 .. 5</select></td></tr>
</table>
...
Рейтинг: 0 / 0
25.01.2012, 09:33
| Ответить | Цитировать | Написать  
Помогите динамически скрыть строку таблицы
    #37630169
Rv40
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Rv40
Гость
HTML_beginner,

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<html>
<head>
<script type = "text/javascript" >
	function hide(obj) {
		document.getElementById("tr" + obj.value).style.display = "none";
	}
</script>
</head>
<body >
<table border = '1'>
  <tr id = "tr1"><td>Строка 1</td></tr>
  <tr id = "tr2"><td>Строка 2</td></tr>
  <tr id = "tr3"><td>Строка 3</td></tr>
  <tr><td>
		<select name="n" onChange = "hide(this);">
			<option value = '1'> 1 </option>
			<option value = '2'> 2 </option>
			<option value = '3'> 3 </option>
		</select>
	</td></tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
25.01.2012, 09:55
| Ответить | Цитировать | Написать  
Помогите динамически скрыть строку таблицы
    #37632024
HTML_beginner
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML_beginner
Гость
Благодарю за помощь!
...
Рейтинг: 0 / 0
26.01.2012, 08:29
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
Помогите динамически скрыть строку таблицы
    #38488102
fractal.guest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
fractal.guest
Гость
Rv40,
а не могли бы подсказать, противоположную ситуацию? когда строка не убирается, а наоборот показывается, но а по умолчанию скрыты все кроме первой которой выборка, пробовал по аналогии не получается

 
что-нибудь бы наподобие, только рабочие<html>
<head>
<script type = "text/javascript" >
function show(obj) {
document.getElementById("tr" + obj.value).style.display = "show";
}
</script>
</head>
<body >
<table border = '1'>
<tr><td>
<select name="n" onChange = "show(this);">
<option value = '1'> 1 </option>
<option value = '2'> 2 </option>
<option value = '3'> 3 </option>
</select>
</td></tr>
<tr id = "tr1"><td>Строка 1</td><td>1.2</td><td>1.3</td></tr>
<tr id = "tr2"><td>Строка 2</td><td>2.2</td><td>2.3</td></tr>
<tr id = "tr3"><td>Строка 3</td><td>3.2</td><td>3.3</td></tr>

</table>
</body>
</html>
...
Рейтинг: 0 / 0
03.12.2013, 22:25
| Ответить | Цитировать | Написать  
Помогите динамически скрыть строку таблицы
    #38488206
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
fractal.guest,

style.display = " block ";
...
Рейтинг: 0 / 0
04.12.2013, 00:45
| Ответить | Цитировать | Написать  
Помогите динамически скрыть строку таблицы
    #38488278
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
tr по своей природе не блочный элемент (display='block'), а table-row (display='table-row') и помню в старых браузерах (кажется это был IE) display:block не работал для tr, а поддержки table-row ещё не было, приходилось писать так - style.display='';
...
Рейтинг: 0 / 0
04.12.2013, 04:57
| Ответить | Цитировать | Написать  
Помогите динамически скрыть строку таблицы
    #38488322
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
fractal.guest , сам такую табличку придумал или подсказал кто?
...
Рейтинг: 0 / 0
04.12.2013, 08:35
| Ответить | Цитировать | Написать  
Помогите динамически скрыть строку таблицы
    #38488323
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
fractal.guestа не могли бы подсказать, противоположную ситуацию? когда строка не убирается, а наоборот показывается, но а по умолчанию скрыты все кроме первой которой выборка
- сделать класс который скрывает строку
- у нужной тот класс убирать, а не нужным присваивать
...
Рейтинг: 0 / 0
04.12.2013, 08:37
| Ответить | Цитировать | Написать  
Помогите динамически скрыть строку таблицы
    #38488995
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
st_st,

верно). А лучше jquery юзать)
...
Рейтинг: 0 / 0
04.12.2013, 15:10
| Ответить | Цитировать | Написать  
Помогите динамически скрыть строку таблицы
    #38489025
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
SharuPoNemnogust_st,

верно). А лучше jquery юзать)
Чем лучше? Это оправдание?
...
Рейтинг: 0 / 0
04.12.2013, 15:24
| Ответить | Цитировать | Написать  
Помогите динамически скрыть строку таблицы
    #38489628
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
ShSerge,

НУ это сугубо мое мнение. Намного быстрее и удобнее, нежели гигантские конструкции на чистом javascript. Многие кричат мол вот лишние 200кб, а что такое 200кб при сегодняшних скоростях. Хорошая библиотека, где уже все продумано и не надо сидеть и изобретать велосипед.
...
Рейтинг: 0 / 0
04.12.2013, 22:21
| Ответить | Цитировать | Написать  
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите динамически скрыть строку таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37630169&tid=1447596]:
 0ms
get settings:
 9ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 143ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 1ms
others: 243ms
total:  472ms
созд. / загр.: 472ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]