|
Проблема с раскрывающемися блоками
|
| Автор |
Сообщение |
madhamster
$a ||= 5;
Зарегистрирован: 09.10.2006
Сообщения: 678
29353 
|
 Добавлено: Пт, 10 Авг, 2007 23:21 Заголовок сообщения: Проблема с раскрывающемися блоками |
 |
|
Такая проблема написал скрипт, для раскрытия и закрытия блоков.
методом style.display='none' и style.display='block' соответственно.
НО!
В ие пашет отлично, в опере как всегда начинаются приключения, просто не работает...
Код для примера, скопируйте попробуйте:
| Код: |
<html>
<head>
<title>BLOCK test</title>
<style>
body {font-family: Verdana}
a {text-decoration: none}
</style>
<script lang="JavaScript">
function contact(id){
var form;
form = document.getElementById(id);
if(form.name == '0'){
form.style.display = 'block';
form.name = '1';
}else{
if(form.name == '1'){
form.style.display = 'none';
form.name = '0';
}
}
}
</script>
</head>
<body>
<table cellspacing="1" cellpadding="3" width="200" bgcolor="#FF6633">
<tr bgcolor="white">
<td>Block one <a href="javascript:contact('1')">+</a></td>
</tr>
<tr bgcolor="white" name="1" id="1">
<td>Direct connect is a peer-to-peer file-sharing protocol. The most popular Windows client implementing this protocol currently is DC++.</td>
</tr>
</table>
<br />
<table cellspacing="1" cellpadding="3" width="200" bgcolor="#FF6633">
<tr bgcolor="white">
<td>Block two <a href="javascript:contact('2')">+</a></td>
</tr>
<tr bgcolor="white" name="1" id="2">
<td>Direct connect is a peer-to-peer file-sharing protocol. The most popular Windows client implementing this protocol currently is DC++.</td>
</tr>
</table>
</body>
</html>
|
_________________
 |
|
| Вернуться к началу |
|
 |
Wink
$a ||= 5;
Зарегистрирован: 08.08.2006
Сообщения: 888
Откуда: Россия, Омск
102559
|
| Добавлено: Сб, 11 Авг, 2007 04:07 Заголовок сообщения: |
|
|
Для ячеек таблицы нет смысла использовать block, и потом я не уверен, что свойство name можно менять во всех браузерах.
Вот функция, которая будет открывать/закрывать блоки. Проверил в трех браузерах, вроде работает.
| Код: | <script type="text/javascript">
function show_hide(id)
{
if (document.getElementById(id).style.display == 'none')
document.getElementById(id).style.display = '';
else
document.getElementById(id).style.display = 'none';
}
</script> |
Вызывать точно так же как твою. Только она не использует свойство name. |
|
| Вернуться к началу |
|
|
madhamster
$a ||= 5;
Зарегистрирован: 09.10.2006
Сообщения: 678
29353
|
| Добавлено: Сб, 11 Авг, 2007 05:16 Заголовок сообщения: |
|
|
ОК спс 
_________________
|
|
| Вернуться к началу |
|
|
KLeN
Интернет на завтрак
Зарегистрирован: 20.09.2006
Сообщения: 52
2419
|
| Добавлено: Вт, 14 Авг, 2007 10:49 Заголовок сообщения: |
|
|
хм
| Код: |
<script type="text/javascript">
function toggleId(id)
{
document.getElementById(id).style.display = document.getElementById(id).style.display == '' ? 'none' : '';
}
</script>
|
так то масло маслянное конечно  |
|
| Вернуться к началу |
|
|
madhamster
$a ||= 5;
Зарегистрирован: 09.10.2006
Сообщения: 678
29353
|
| Добавлено: Вт, 14 Авг, 2007 13:51 Заголовок сообщения: |
|
|
Стиль кодинга не обсуждаем...
_________________
|
|
| Вернуться к началу |
|
|
[LP]LordPro.teus
$a ||= 5;
Зарегистрирован: 26.07.2007
Сообщения: 2799
8544
|
| Добавлено: Вт, 14 Авг, 2007 18:49 Заголовок сообщения: |
|
|
Имхо, несмотря на якобы невыгодность с точки зрения траффика - сейчас скорость интернета у большинства достаточна, чтобы совершенно не обращать внимания на обьемы джаваскрипт, а сокращенный стиль кодинга впоследствии сложно поддается модификации... 
_________________
Несапой единой мани мейкить можешь ты... (с) йа, младший брат Мастера Йоды |
|
| Вернуться к началу |
|
|
madhamster
$a ||= 5;
Зарегистрирован: 09.10.2006
Сообщения: 678
29353
|
| Добавлено: Вт, 14 Авг, 2007 23:15 Заголовок сообщения: |
|
|
Не спорю, но код уже в деле, поезд ушёл)
_________________
|
|
| Вернуться к началу |
|
|
Heimdahl
Пользователь хостинга
Зарегистрирован: 18.08.2007
Сообщения: 2
208
|
| Добавлено: Сб, 18 Авг, 2007 17:44 Заголовок сообщения: |
|
|
| Зато красиво. |
|
| Вернуться к началу |
|
|
|
FAQ
Поиск
Пользователи
Группы
Лотерея
Регистрация
Профиль
Войти и проверить личные сообщения
Вход
