Гость
Статистика Форума
Последнии темы Популярные темы Лучшии пользователи Новые пользователи
» [17.07.2018] Где найти инструменты в Сталкер Dead Air (0)
» [17.07.2018] Как спать в сталкер Dead Air (0)
» [17.07.2018] F.A.Q для Сталкер Dead Air (0)
» [16.07.2018] Мануал по правке некоторых конфигов Зов Припяти (0)
» [15.07.2018] Секретный торговец военных на Кордоне в OGSM CS (0)
» [15.07.2018] Секретный экзоскелет Монолита в OGSM CS (0)
» [15.07.2018] Что делать с пушкой ЭМ1 в OGSM CS (0)
» [15.07.2018] Секретные документы в OGSM CS, часть 2 (0)
» [15.07.2018] Секретные документы в OGSM CS, часть 1 (0)
» [15.07.2018] [OGSM ТЧ] Тёмный дилер и заговор против Меченого (0)
» Тайники и подсказки (82)
» Русскоязычное руководство по моду Frackin' Universe... (38)
» Фоны для сталкерского сайта (32)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» Личные сообщения (18)
» Проблемы в модуле "Пользователи" (17)
» Рамки сталкер / для аватарок / новостей. (13)
» Полный список предметов в переводе для STALKER ОП-2 (13)
» Sigerous Mod 2.2 + Albor Weapons Pack (13)
» Xemordio (2357)
» Duzeppa26 (5)
» Ghosteron (2)
» Даниил_Хороший (1)
» glebkvashnin2003g (0)
» ePOXid (0)
» TonaTor (0)
» BlackHARD (0)
» VarWarrer (0)
» grigorjevaolga75 (0)
» [16.07.2018] MELCHIZEDEK721
» [14.07.2018] ePOXid
» [07.07.2018] glebkvashnin2003g
» [29.06.2018] Даниил_Хороший
» [06.06.2018] TonaTor
» [17.05.2018] BlackHARD
» [16.05.2018] VarWarrer
» [14.05.2018] grigorjevaolga75
» [30.04.2018] Milan_Shubin
» [18.04.2018] Илья

  • Страница 1 из 1
  • 1
Форум » Web uCoz » Скрипты для uCoz » JavaScript показать и скрыть элемент с текстом
JavaScript показать и скрыть элемент с текстом
Xemordio [Offline]Дата: Пятница, 13.07.2018, 06:17 | Сообщение # 1
Генерал [?]
Группа: Администраторы
Сообщений: 2357
Награды: 1
Репутация: 2
При разработке любых сайтов или интернет магазинов, требуется динамически скрывать и показывать элементы. Современные сайты должны выглядеть динамично, иначе цена разработки сайта будет очень низкой, т.к. ни кто много за статичный сайт платить не будет!

Обычно показываются, и скрываются html тег div, но не обязательно, можно манипулировать любыми элементами.
Изменение видимости элемента достигается за счет изменения css-свойства display. Если display = ‘block’, то элемент будет видим, если ‘none’, то скрыт.

Сейчас напишем небольшой примерчик, в нем при нажатии на ссылку мы будем показывать блок, а при повторном нажатии скрывать.

Вот исходный код примера, с подробным описанием:
Код
<script type="text/javascript">
            /**
            * Функция Скрывает/Показывает блок
            * @author ox2.ru дизайн студия
            **/
            function showHide(element_id) {
                //Если элемент с id-шником element_id существует
                if (document.getElementById(element_id)) {
                    //Записываем ссылку на элемент в переменную obj
                    var obj = document.getElementById(element_id);
                    //Если css-свойство display не block, то:
                    if (obj.style.display != "block") {
                        obj.style.display = "block"; //Показываем элемент
                    }
                    else obj.style.display = "none"; //Скрываем элемент
                }
                //Если элемент с id-шником element_id не найден, то выводим сообщение
                else alert("Элемент с id: " + element_id + " не найден!");
            }   
        </script>

<!-- При клике запускаем функцию showHide, и передаем параметр
        id-шник элемента который нужно показать/скрыть -->
        <a href="javascript:void(0)" onclick="showHide('block_id')">Скрыть/Показать элемент</a><br/><br/>
        <div id="block_id" style="display: none;">
            Тут любой текст и html код<br/>
            <br/>
            Дизайн студия OX2 разрабатывает сайты и интернет магазины любой сложности. <br/>
            По низким ценам!
        </div>
Форум » Web uCoz » Скрипты для uCoz » JavaScript показать и скрыть элемент с текстом
  • Страница 1 из 1
  • 1
Поиск:

05:11
Обновить