ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать, что бы изображения пропадали.
10 сообщений из 10, страница 1 из 1
Как сделать, что бы изображения пропадали.
    #35510737
Dronch
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dronch
Гость
Есть такой код:

<html>
<head>
<title>untitled</title>
<script type="text/javascript" language="javascript">

function getElement(id) {
return document.getElementById ? document.getElementById(id) :
document.all ? document.all(id) : null;
}

function showProduct(box) {
el = getElement(box.value);
if (el) el.style.display = (box.checked) ? '' : 'none';
}

</script>
</head>
<body>
<table>
<tr>
<td width="200" height="140">
<form>
<input type="checkbox" name="showProd" value="CellPhone"
onclick="showProduct(this)"> cell phones<br>
<input type="checkbox" name="showProd" value="Desktop"
onclick="showProduct(this)"> desktops<br>
<input type="checkbox" name="showProd" value="Laptop"
onclick="showProduct(this)"> laptops<br>
<input type="checkbox" name="toggleProds" value="Software/Accessories"
onclick="showProduct(this)"> software and accessories<br>
</form>
</td><td>
<img id="CellPhone" align="middle" style="display:none;border:3px silver double;"
src="http://www.clipartgallery.com/business/cellphone.gif">
<img id="Desktop" align="middle" style="display:none;border:3px silver double;"
src="http://www.dell.com/images/us/segments/dhs/prodviews/dimen_2300_series.jpg">
<img id="Laptop" align="middle" style="display:none;border:3px silver double;"
src="http://www.dell.com/images/us/segments/dhs/prodviews/x200_series.jpg">
<img id="Software/Accessories" align="middle" style="display:none;border:3px silver double;"
src="http://www.compusa.com/product_images/images/small/94/286294.gif">
</td></tr></table>
</body>
</html>

Там сделано так, если счелкаешь на чекбокс, то появляется изображение. Как сделать, что бы изображения по умолчанию были видны и при нажатии на чекбокс они пропадали?
...
Рейтинг: 0 / 0
28.08.2008, 13:22
| Ответить | Цитировать | Написать  
Как сделать, что бы изображения пропадали.
    #35510808
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
Убрать display:none в style у img и инвертировать проверку
Код: plaintext
1.
el.style.display = (box.checked) ? 'none' : '';
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
28.08.2008, 13:41
| Ответить | Цитировать | Написать  
Как сделать, что бы изображения пропадали.
    #35510821
Dronch
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dronch
Гость
Ex_Soft
Убрать display:none в style у img и инвертировать проверку
Код: plaintext
1.
el.style.display = (box.checked) ? 'none' : '';
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4

Все гениальное просто! Большое СПАСИБО!
...
Рейтинг: 0 / 0
28.08.2008, 13:44
| Ответить | Цитировать | Написать  
Как сделать, что бы изображения пропадали.
    #35510840
Dronch
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dronch
Гость
Еще такой вопрос. Как делать, что бы клике на один чекбокс, пропадали сразу все изображения, при условии что они в разных ячейках таблицы?
...
Рейтинг: 0 / 0
28.08.2008, 13:50
| Ответить | Цитировать | Написать  
Как сделать, что бы изображения пропадали.
    #35510894
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
var
	tbl,
	imgs;

if((tbl=document.getElementById("TableId"))
	&& (imgs=tbl.getElementsByTagName("img")))
	for(var i= 0 ; i<imgs.length; ++i)
		imgs[i].style.display=(box.checked) ? 'none' : '';
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
28.08.2008, 14:03
| Ответить | Цитировать | Написать  
Как сделать, что бы изображения пропадали.
    #35511371
Dronch
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dronch
Гость
Ex_Soft
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
var
	tbl,
	imgs;

if((tbl=document.getElementById("TableId"))
	&& (imgs=tbl.getElementsByTagName("img")))
	for(var i= 0 ; i<imgs.length; ++i)
		imgs[i].style.display=(box.checked) ? 'none' : '';
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4

Еще раз спасибо. Я немного не так сказал.
Я прикрутил этот код к своей таблице, т.е. кликнув чекбокс пропадает одна из ячеек таблицы. А как сделать, что бы пропадали несколько ячеек сразу?
...
Рейтинг: 0 / 0
28.08.2008, 16:20
| Ответить | Цитировать | Написать  
Как сделать, что бы изображения пропадали.
    #35511485
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
1. Не занимайтесь оверквотингом
2.
Код: plaintext
1.
 <table id="YourTableId">
3.
Код: plaintext
1.
 tbl=document.getElementById("YourTableId")
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
28.08.2008, 16:58
| Ответить | Цитировать | Написать  
Как сделать, что бы изображения пропадали.
    #35511909
Dronch
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dronch
Гость
Ex_Soft
1. Не занимайтесь оверквотингом
2.
Код: plaintext
1.
 <table id="YourTableId">
3.
Код: plaintext
1.
 tbl=document.getElementById("YourTableId")
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4

Это работает только для одной таблицы. А как сделать, что бы пропадало сразу несколько таблиц?
...
Рейтинг: 0 / 0
28.08.2008, 20:54
| Ответить | Цитировать | Написать  
Как сделать, что бы изображения пропадали.
    #35511910
Dronch
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dronch
Гость
И в таблицах ничего нет, они пустые.
...
Рейтинг: 0 / 0
28.08.2008, 20:57
| Ответить | Цитировать | Написать  
Как сделать, что бы изображения пропадали.
    #35511968
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
Dronch
А как сделать, что бы пропадало сразу несколько таблиц?

1. Завернуть их во что-то с последующим
Код: plaintext
1.
....imgs=обертка.getElementsByTagName("img")...
2.
Код: plaintext
1.
....imgs=document.getElementsByTagName("img")...
Dronch
И в таблицах ничего нет, они пустые.


Исхитрись-ка мне добыть
То-Чаво-Не может быть!
Запиши себе названье,
Чтобы в спешке не забыть!


В смысле? Вы можете четко, ясно и однозначно сформулировать постановку задачи?
img в таблицу добавляются динамически после загрузки? Если да - это не помеха...

P.S. Не занимайтесь оверквотингом
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
28.08.2008, 22:33
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать, что бы изображения пропадали.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35511910&tid=1455948]:
 0ms
get settings:
 8ms
get forum list:
 18ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 178ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 57ms
get tp. blocked users:
 1ms
others: 243ms
total:  527ms
созд. / загр.: 527ms
x
x
Закрыть


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