Web-программирование: "Библиотека визуальных компонентов. Класс CXBrCollapser.".

Скачать файлы с описанными классами можно здесь(версия 1.4).

Для углубленного изучения web-программирования (язык PHP и написание своей собственной CMS) советую подписаться на платный раздел (см. анонсы раздела "Пишем Easy CMS").

Прежде чем мы приступим к изучению CXBrCollapser, обращу ваше внимание на то, что появилась новая версия библиотеки XBr 1.4, и для корректной работы примера данного урока нужно воспользоваться именно последней версией этой библиотеки.

И так, класс CXBrCollapser. Он предназначен для свертывания и развертывания каких либо объектов. Давайте посмотрим тестовый пример:

<HTML>

<head>

</SCRIPT>

</SCRIPT>

</SCRIPT>

</SCRIPT>

</SCRIPT>

</head>

<BODY>

</div>

</div>

function ButtonClick() {

div1=document.getElementById("1");

Cl=new CXBrCollapser(div1);

Cl._plus_image="plus.png";

Cl._minus_image="minus.png";

Cl._blank_image="blank.png";

Cl._draw();

div_cl=document.getElementById("d"+Cl._id);

div_cl.innerHTML="<h1>Пример коллапсера</h1>";

}

</SCRIPT>

</BODY>

</HTML>

И вот как будет выглядеть пример объекта в развернутом состоянии:

А вот так в свернутом:

При прорисовке коллапсер сам формирует тэг <div>, в которым мы программно можем вставить нужный нам текст:

div_cl=document.getElementById("d"+Cl._id);

div_cl.innerHTML="<h1>Пример коллапсера</h1>";

Картинки для коллапсера вы можете скачать здесь.

« След.		Пред. »

Вернуться