Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать, что бы изображения пропадали. / 10 сообщений из 10, страница 1 из 1
28.08.2008, 13:22
    #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:41
    #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:44
    #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:50
    #35510840
Dronch
Dronch
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать, что бы изображения пропадали.
Еще такой вопрос. Как делать, что бы клике на один чекбокс, пропадали сразу все изображения, при условии что они в разных ячейках таблицы?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.08.2008, 14:03
    #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, 16:20
    #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:58
    #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, 20:54
    #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:57
    #35511910
Dronch
Dronch
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать, что бы изображения пропадали.
И в таблицах ничего нет, они пустые.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.08.2008, 22:33
    #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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать, что бы изображения пропадали. / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 482ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455948]:
 0ms
get settings:
 7ms
get forum list:
 21ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 155ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 58ms
get tp. blocked users:
 2ms
others: 218ms
total:  482ms
x
x
Закрыть


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