глюк в IE @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 7 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
\amo
новый человек
16
Сообщения: 19
Зарегистрирован: 04.05.06
Откуда: lv
Заголовок сообщения: глюк в IE
Сообщение Добавлено: 3 Ноябрь 2006, 14:19:20 
Кто сталкивался с такой проблемой - на сайте autotrade.lv снизу есть FAQ там пункты, при нажатии на один из них должна раскрываться вкладка. Всё нормально работает (на многих браузерах), НО на IE что то проглючивает и по умолчанию все эти вкладки раскрыты, чо и требуется починить - по умолчанию все вкладки должны быть свёрнуты!
Loki1zI Муж.
новый человек
1
Сообщения: 141
Зарегистрирован: 27.10.04
Откуда: poznyaki.kiev.ua
Сообщение Добавлено: 3 Ноябрь 2006, 15:35:08 
Код:
<html>

<head>
    <title>Simple toogler</title>

    <style type="text/css">
    <!--
        dt {
            font-size: 120%;
            cursor: pointer;
        }

        dd {
            font-size: 100%;
            display: none;
        }

        .Hover {
            text-decoration: underline;
        }
       
        .Links {
            font-size: 90%;
        }
    -->
    </style>

    <script type="text/javascript">
    <!--
        function hideAll() {
            var dd_arr = document.getElementsByTagName('dd');
           
            for (i = 0; i < dd_arr.length; i++) {
                dd_arr[i].style.display = 'none';
            }
        }
   
        function showAll() {
            var dd_arr = document.getElementsByTagName('dd');
           
            for (i = 0; i < dd_arr.length; i++) {
                dd_arr[i].style.display = 'block';
            }
        }
   
        function toogleAll() {
            var dt_arr = document.getElementsByTagName('dt');
           
            for (i = 0; i < dt_arr.length; i++) {
                toogleNext(dt_arr[i]);
            }
        }
   
        function toogleNext(elem) {
            if (!elem || elem.tagName.toLowerCase() != 'dt') return;

            var nextElem = null;
            var someElem = elem;

            while (nextElem == null) {
                if (someElem.tagName && someElem.tagName.toLowerCase() == 'dd') {
                    nextElem = someElem;
                }
               
                someElem = someElem.nextSibling;
            }

            nextElem.style.display = (nextElem.style.display != 'block') ? 'block' : '';
        }
       
        window.onload = function() {
            if (!document.getElementById) return;
           
            var dt_arr = document.getElementsByTagName('dt');
           
            for (i = 0; i < dt_arr.length; i++) {
                dt_arr[i].onmouseover = function() {
                    this.className = 'Hover';
                }
               
                dt_arr[i].onmouseout = function() {
                    this.className = '';
                }
            }
        }
    -->
    </script>
</head>

<body>

    <dl>
        <dt onclick="toogleNext(this);">Text #1</dt>
        <dd>Hidden text #1</dd>
   
        <dt onclick="toogleNext(this);">Text #2</dt>
        <dd>Hidden text #2</dd>
   
        <dt onclick="toogleNext(this);">Text #3</dt>
        <dd>Hidden text #3</dd>
   
        <dt onclick="toogleNext(this);">Text #4</dt>
        <dd>Hidden text #4</dd>
    </dl>
   
    <div class="Links">
        &bull; <a href="./toogled_list.html" onclick="toogleAll(); return false;">Toogle all</a>
        <br />&bull; <a href="./toogled_list.html" onclick="hideAll(); return false;">Hide all</a>
        <br />&bull; <a href="./toogled_list.html" onclick="showAll(); return false;">Show all</a>
    </div>

</body>

</html>

_________________
my usability becomes
from your accessebility
\amo
новый человек
16
Сообщения: 19
Зарегистрирован: 04.05.06
Откуда: lv
Сообщение Добавлено: 3 Ноябрь 2006, 16:17:44 
громадное спасибо! :beer:
Loki1zI Муж.
новый человек
1
Сообщения: 141
Зарегистрирован: 27.10.04
Откуда: poznyaki.kiev.ua
Сообщение Добавлено: 3 Ноябрь 2006, 18:37:03 
та не за что... если что не ясно по JavaScript'у - спрашивай :beer:

_________________
my usability becomes
from your accessebility
\amo
новый человек
16
Сообщения: 19
Зарегистрирован: 04.05.06
Откуда: lv
Сообщение Добавлено: 14 Ноябрь 2006, 18:59:33 
ха, а теперь другой баг нашли в том е месте - что бы пункт "развернулся" нужно щёлкать два раза, тоесть с первого щелчка не разварачивается. тоже только в ИЕ наблюдается. :insane:
как поправить подскажите!?
Developer® Муж.
новый человек
4
Сообщения: 57
Зарегистрирован: 09.09.06
Откуда: Украина, Киев
Сообщение Добавлено: 14 Ноябрь 2006, 22:46:19 
Код:
 nextElem.style.display = (nextElem.style.display != 'block') ? 'block' : '';

+
http://www.artlebedev.ru/tools/technogrette/js/is_display_none/
\amo
новый человек
16
Сообщения: 19
Зарегистрирован: 04.05.06
Откуда: lv
Сообщение Добавлено: 16 Ноябрь 2006, 15:21:19 
спасибо, выручили! :beer: :gent:
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 7 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100