EOMY.NET
Хостинг EOMY.NET: Форум поддержки
 
 FAQFAQ   ПоискПоиск   ПользователиПользователи   ГруппыГруппы   РегистрацияРегистрация 
 ПрофильПрофиль   Войти и проверить личные сообщенияВойти и проверить личные сообщения   ВходВход 
RSS Feed  

Проблема с раскрывающемися блоками

 
Начать новую тему   Ответить на тему    Список форумов EOMY.NET -> JavaScript, AJAX
Проблема с раскрывающемися блоками
Автор Сообщение
madhamster
Согнул ложку
Согнул ложку


Зарегистрирован: 09.10.2006
Сообщения: 902

460 Монеты

СообщениеДобавлено: Пт, 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>

_________________
NextStage - live music competition
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Wink
Согнул ложку
Согнул ложку


Зарегистрирован: 08.08.2006
Сообщения: 904
Откуда: Россия, Омск
113654 Монеты

СообщениеДобавлено: Сб, 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
Согнул ложку
Согнул ложку


Зарегистрирован: 09.10.2006
Сообщения: 902

460 Монеты

СообщениеДобавлено: Сб, 11 Авг, 2007 05:16    Заголовок сообщения: Ответить с цитатой

ОК спс Wink
_________________
NextStage - live music competition
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
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>


так то масло маслянное конечно Smile
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора MSN Messenger
madhamster
Согнул ложку
Согнул ложку


Зарегистрирован: 09.10.2006
Сообщения: 902

460 Монеты

СообщениеДобавлено: Вт, 14 Авг, 2007 13:51    Заголовок сообщения: Ответить с цитатой

Стиль кодинга не обсуждаем... Smile
_________________
NextStage - live music competition
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
[LP]LordPro.teus
Призрак Лорда
Призрак Лорда


Зарегистрирован: 26.07.2007
Сообщения: 5123

44732 Монеты

СообщениеДобавлено: Вт, 14 Авг, 2007 18:49    Заголовок сообщения: Ответить с цитатой

Имхо, несмотря на якобы невыгодность с точки зрения траффика - сейчас скорость интернета у большинства достаточна, чтобы совершенно не обращать внимания на обьемы джаваскрипт, а сокращенный стиль кодинга впоследствии сложно поддается модификации... Cool
_________________

А ведь еще не поздно смотаться на Азовское море, согреться на солнышке...
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
madhamster
Согнул ложку
Согнул ложку


Зарегистрирован: 09.10.2006
Сообщения: 902

460 Монеты

СообщениеДобавлено: Вт, 14 Авг, 2007 23:15    Заголовок сообщения: Ответить с цитатой

Не спорю, но код уже в деле, поезд ушёл)
_________________
NextStage - live music competition
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Heimdahl



Зарегистрирован: 18.08.2007
Сообщения: 2

208 Монеты

СообщениеДобавлено: Сб, 18 Авг, 2007 17:44    Заголовок сообщения: Ответить с цитатой

Зато красиво.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов EOMY.NET -> JavaScript, AJAX Часовой пояс: GMT
Страница 1 из 1

 


Rambler's Top100   Рейтинг@Mail.ru    



Powered by phpBB © 2001, 2005 phpBB Group