bar-reaktor.ru

"Помощь в развитии Сайта"     "Торрент- трекер от Наших сайтов"     "Архив сайта"

Выбрать дизайн:
  • Страница 1 из 1
  • 1
Модератор форума: XemorDio  
Форум » Для вебмастеров » Графика для сайта » Скрипты сталкер для Ucoz » JavaScript показать и скрыть элемент с текстом
JavaScript показать и скрыть элемент с текстом
XemorDio Дата: Вс, 05.08.2018, 13:02:51 | Сообщение # 1

В Зоне Реактора с 25.09.2013
Сообщений: 181
Заслуги в Зоне Реактора
За 100 Сообщений
При разработке любых сайтов или интернет магазинов, требуется динамически скрывать и показывать элементы. Современные сайты должны выглядеть динамично, иначе цена разработки сайта будет очень низкой, т.к. ни кто много за статичный сайт платить не будет!

Обычно показываются, и скрываются 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>



 
Форум » Для вебмастеров » Графика для сайта » Скрипты сталкер для Ucoz » JavaScript показать и скрыть элемент с текстом
  • Страница 1 из 1
  • 1
Поиск:

Сегодня в Баре - Реактор

Легенда условных обозначений : Призрак, Администратор, Модератор, Проводник, Сталкеры, Чистое небо, Тёмные, Свобода, Наёмники, Нейтралы, Военные, Долг, Монолит, Заблокированные .


Последние сообщения:

Чат

Активисты Форума:

Нужные темы:


Если вы ищете место где можно перекусить и отдохнуть, место, где можно хорошо выпить и поговорить, место, где вам всегда подскажут как подзаработать - подходите в БАР - РЕАКТОР! Мы всегда рады новым посетителям!
CMIT               (03.04.2016)
kapa               (09.01.2014)
ULTRA               (04.09.2015)
Dimon02022               (08.11.2011)
LENA_D               (11.10.2010)
garwas               (12.11.2011)
Strelok               (01.11.2014)
Чик@нчик               (15.04.2014)
Гвоздь               (03.11.2017)

Пришедшие в Бар:


PokotiloV               (20.10.2018)
NewsPR               (17.10.2018)
kosta               (16.10.2018)
ko-ko               (15.10.2018)
Rubaka               (15.10.2018)
ko               (12.10.2018)
Яндекс.Метрика