Отправляет email-рассылки с помощью сервиса Sendsay

Web-программирование - это просто!

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 681 RSS
←   Май 2011   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Сайт рассылки: http://www.easyprog.ru
Открыта: 27-06-2009
Адрес автора: comp.soft.prog.easyweb-owner@subscribe.ru

Автор
Александр

Статистика

681 подписчиков
0 за неделю
←   Все выпуски   →

Web-программирование - это просто!


Новое на сайте Программирование - это просто! (www.easyprog.ru):

В платном разделе

В бесплатном разделе

 

Добрый день, уважаемые подписчики!

Тема сегодняшнего выпуска: «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>

  <title></title>

    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" SRC="XBrBase.js">

    </SCRIPT>

    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" SRC="XBrGlobalVars.js">

    </SCRIPT>

    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" SRC="XBrGlobalProc.js">

    </SCRIPT>

</head>

 

<body>

    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

       

        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 моими картинками), вы увидите вот это:

 

 

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 
В избранное