Web-программирование: «Java Script(JS): Библиотека визуальных компонентов. Класс CXBrImageService»

Автор megabax

20.10.2011 г.

Урок 13. Управление шрифтами в CSS New Page 1

Web-программирование: «Java Script(JS): Библиотека визуальных компонентов. Класс CXBrImageService»

Скачать файлы с описанными классами можно здесь.

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

Продолжим разбирать библиотеку визуальных компонентов. И так, новый класс CXBrImageService. Он очень простой, но могущий существенно облегчить работу с картинками, например, если нам надо организовать капчу или что то в этом роде. Вот весь текст этого класса:

// ****************************** CXBrImageService *************

function CXBrImageService() {

CXBrBaseInterfaceClass.call(this);

this._get_class_name=CXBrObjectsContainer_get_class_name;

this._hierarchy_classes.push(this._get_class_name());

this._width=10;

this._heigth=10;

this._get_image_tag=CXBrImageService_get_image_tag;

}

function CXBrImageService_get_class_name() {return "CXBrImageService"}

function CXBrImageService_get_image_tag(image_name,class_name) {

return "<img src='"+image_name+"' width="+this._width+" height="+this._heigth+" class='"+class_name+"'>";

}

Поскольку класс является потомком CXBrBaseInterfaceClass, то в конструкторе вызывается конструктор онного и имя класса добавляется в массив иерархии классов. И объявляется единственный метод _get_image_tag - получить тэг картинки. А вот пример использования:

<html>

<head>

</SCRIPT>

</SCRIPT>

</SCRIPT>

</head>

<body>

var imServ=new CXBrImageService();

imServ._width=50;

imServ._heigth=50;

document.write(imServ._get_image_tag("2.png"));

document.write(imServ._get_image_tag("3.png"));

document.write(imServ._get_image_tag("4.png"));

document.write(imServ._get_image_tag("1.png"));

</SCRIPT>

</body>

</html>

Набор картинок с цифрами можно скачать здесь.

Запустив этот пример (c моими картинками), вы увидите вот это:

Последнее обновление ( 20.10.2011 г. )

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

Вернуться