Блог старого компьютера

Блог старого компьютера


Главная Javascript Открытие закрытие блока на JS

Открытие закрытие блока на JS

04.05.2012 04:25 Администратор Javascript
Печать PDF
Вот решил создать категорию посвещенному  javascript. Не могу сказать что я профессионал в нем, но сталкиваться всречаться и что то на нем писать приходится. Первая статья которая войдет в этот раздел посвящена Открытию и закрытию блока на js, перейдем к написанию.

И так объясняю в теории как это работает. Для реализации простого открытия и закрытия блока нам нужно всего лишь написать код который будет переключать css свойство display. Для этого напишем функцию openblock. Передавать функции будем id блока  который хотим открыть/закрыть. Создадим сссылку для открытия закрытия блока, и повесим ей на событие onclick нашу функцию.

И так код:

<script>
 function openblock(idblock){
if (document.getElementById(idblock).style.display == "none"){
/*Если свойство display равно none*/
 document.getElementById(idblock).style.display="block"; // переключаем свойство в block 
}
else{
/*Если свойство display не равно none*/
 document.getElementById(idblock).style.display="none"; // переключаем свойство в none
}
}
</script>

<a href="#" onclick="openblock('i1')">Открыть/закрыть</a>
 <div id="i1" style="display:none;"><img src="http://wemarus.ru/templates/ja_helio.v1.2.0/images/logo.gif" alt="Блог строго компьютера"></div>

 Вот и все. Если что не вышло или не получилось, напиши разберемся.

Добавить комментарий


Защитный код
Обновить