YUI 2

  • Posted on: 10 July 2010
  • By: brovko
Знакомство с библиотекой YUI я начал с сайта для разработчиков. Документация и примеры YUI (современная версия - 2.8), а также познавательная RSS-лента. Наиболее часто я использую такие widget-ы как "Button", "Container", "DataTable", "TabView", а в некоторых проектах "TreeView". Также я использую YUI-компоненты: "Connection Manager", "Element", "DataSource", "Paginator". Вот пример использования "Button":
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Push Button</title>
    <!-- YUI loader -->
    <script src="http://yui.yahooapis.com/2.8.0r4/build/yuiloader/yuiloader.js"></script>
</head>
<body class="yui-skin-sam">
    <input id="btnCommit" type="button" value="Commit Info" />
<script>
<!--
var indCurModule = 0;
var loader = new YAHOO.util.YUILoader();
loader.filter = 'MIN';
loader.insert
(
{
    require:
    [
         "button"
    ]
    , base: 'http://yui.yahooapis.com/2.8.0r4/build/'
    // Configure the Get utility to timeout after 100 seconds for any given node insert
    , timeout: 100000
    , onSuccess: function(loader)
    {
        (function ()
        {
             var btnCommit = new YAHOO.widget.Button("btnCommit", { label: "Commit Info" });
             btnCommit.on
             (
                 "click"
                 , function ()
                 {
                     alert('Button Clicked');
                 }
             );
        }
        )();
    }
    , onFailure: function(err)
    {
        alert('Unable load module: ' + err['module']);
    }
    , onTimeout: function(err)
    {
        alert('Timeout reached: ' + err['module']);
    }
    , onProgress: function(state)
    {
        var countModules = 0;

        for (var m in this.required)
        {
             ++countModules;
        }

        ++indCurModule;
        var percent = parseInt(indCurModule * 100 / countModules);

        if (percent > 100)
        {
            percent = 100;
        }

        var status = document.getElementById('status');
        //alert('load module:' + YAHOO.lang.dump(state['name']));
    }
}
);
-->
</script>
</body>
</html>
http://developer.yahoo.com/yui/button/#buildingfromdatasource - по этой ссылке находится информация каким образом возможно создать "Button" при помощи HTML-разметки (в том числе есть и другие варианты).
Tags: 

Настраиваем gmail на Nokia 6120

  • Posted on: 4 September 2009
  • By: brovko

Сначала настраиваем учётную запись gmail в телефоне Создание почтового ящика на Nokia 6120c .

Следующий шаг - разрешаем получение почты на сайте gmail.com [Настройки] [Пересылка и POP/IMAP] и, в зависимости от потребностей, включаем или "Доступ по протоколу POP" или "Доступ по протоколу IMAP". Затем нажимаем "Сохранить изменения".

Создание почтового ящика на Nokia 6120c

  • Posted on: 17 August 2009
  • By: brovko

Входим в меню [Повідомлення] [Поштова скринька].

На запрос "Скриньку не визначено. Визначити зараз" - отвечаем "Так".

Запустится мастер установки. Нажимаем "Почати". Выбираем тип ящика между "POP3" и "IMAP4". В моём случае это будет "IMAP4". Нажимаем "Далі" и вводим адрес электронной почты, например "administrator@example.com". Далее вводим сервер электронной почты, например "imap.example.com". Затем вводим сервер выходной почты, например "smtp.example.com". Выбираем точку доступа и называем почтовый ящик (появится как папка в главном меню сообщений).

The Yahoo! User Interface Library (YUI)

  • Posted on: 2 August 2009
  • By: brovko

Сегодня ознакомимся с интересной AJAX-библиотекой YUI (http://developer.yahoo.com/yui/). Это разработка поисковой интернет компании Yahoo.

YUI имеет привлекательную лицензию - BSD License (http://developer.yahoo.com/yui/license.html).

Последняя версия библиотеки (на 2009/08) - 2.7.0

YUI имеет чрезвычайно хорошую и полную документацию (документировано API, есть множество примеров использования компонентов, YUI Theater - видео, Cheat Sheets - схемы с основными переменными и функциями в виде pdf-документов).

Для отладки я использую Firefox с плагином Firebug (не представляю javascript-разработчика, который бы не знал про этот плагин, но, если вы новичёк, то найти его сможете на странице дополнений Firefox или на http://getfirebug.com/).

Основные возможности библиотеки будут раскрыты в последующих постах.

Синхронизация Nokia 6120 classic с gmail.com

  • Posted on: 25 July 2009
  • By: brovko

Мне вернули телефон из ремонта. Естественно, что контакты были уничтожены. Но перед тем как телефон сломался я синхронизировал контакты с Google Mail. Для их восстановления не потребовалось много времени.

Что требуется:

  • учётная запись на gmail.com, тоесть у вас уже должен быть email на google (например me@gmail.com);
  • телефон Nokia 6120c;
  • подключеный GPRS/EDGE/HSDPA - тоесть выход в internet;

Настройка синхронизации:

  1. Входим в меню (в телефоне): [Установки] [Зв'язок] [Синхронізація], далее [Опції] [Новий профіль синхронізації], на вопрос копировать - отвечаем "Ні".
  2. Устанавливаем название профиля (как вам нравится).
  3. Идём в [Програми] [Контакти].
  4. Устанавливаем [Включити в синхронізацію] - "Так".
  5. [Віддалена база даних] вписываем "contacts".
  6. [Тип синхронізації] оставляем "Двобічна".
  7. Далее идём в [Установки з'єднання] [Код сервера] и вписываем "Google".
  8. [Носій даних] - "інтернет".
  9. Вибираем [Точка доступу].
  10. [Адреса сервера] - "https://m.google.com/syncml" (кавычки вводить не нужно, как и во всех остальных пунктах). Обратите внимание на название протокола https, а не http.
  11. [Порт] - "443".
  12. [Ім'я користувача] - email-адресс на gmail.com (например me@gmail.com).
  13. [Пароль] - пароль от вашего почтового ящика.
  14. Всё остальное оставляем по умолчанию.

Теперь пробуем синхронизироваться:

  1. Вибираем только что созданный профиль синхронизации и нажимаем "Синхронізувати".
  2. Если появится диалог, что сертификат устарел, то выбираем продолжить.

Успешной синхронизации.

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

Если возникли вопросы, попробую помочь.

Успешно решил проблему с Google Analitycs

  • Posted on: 25 July 2009
  • By: brovko

Вчера я зашёл на страничку ovlad.com и увидел: все хорошо загрузилось, но все ссылки были недоступны. При помощи Firebug (плагин к Firefox) я определил виновника: div id="ga_shade", как выяснилось проблема была в Google Analitycs. Она возникла после того как я посмотрел отчёты в Google Analitycs ([Content] [Site Overlay]) и закрыл окно не при помощи ссылки "Close", которая находится в правом верхнем углу страницы, а нажав на кнопку закрытия окна Firefox.

Первое решение, которое я нашёл, было очень простым - удалить cookies с названием GASO, а потом я нашёл и более правильное решение: нужно снова зайти в отчёты Google Analitycs [Content] [Site Overlay] и закрыть окно при помощи ссылки "Close".

Подключил Google Adsense

  • Posted on: 23 July 2009
  • By: brovko

Сегодня зарегистрировался на "Google Adsense", но он, к сожалению, не поддерживает украинский язык, поэтому на блог я его устанавливать не буду, а на страничку http://ovlad.com я его добавил, а также на русский вариант сайта тестирования http://ovlad.com/test/ind2.php

Вчера подключил Google Analytics

  • Posted on: 23 July 2009
  • By: brovko

Вчера подключил "Google Analytics for WordPress" на блог и на сайт ovlad.com.

Процедура подключения простая.

  1. Регистрируемся на Google Analytics и получаем (javascript), который добавляем ко всем страницам на сайте, а также код, который запишем в настройках "Google Analytics for WordPress"
  2. Активируем ранее установленный плагин "Google Analytics for WordPress" и при активации указываем полученный код.

Вот и вся процедура.

Начальная установка и настройка wordpress

  • Posted on: 21 July 2009
  • By: brovko

Вначале я зашёл на сайт http://uk.wordpress.org/ - украинская версия wordpress.

Оттуда загрузил WordPress 2.8, а также ознакомился с инструкцией установки.

Разархивируем загруженный файл, копируем wp-config-sample.php в wp-config.php.

В нём настриваем define-ы:

  • 'DB_NAME' - название базы данных (вначале её нужно создать - это можно сделать при помощи phpMyAdmin);
  • 'DB_USER' - пользователь базы данных, которую указали выше;
  • 'DB_PASSWORD' - пароль пользователя - создавайте пароль с не менее чем 8 символами, среди которых должны быть цифры, маленькие и большие буквы и, возможно, другие знаки, например дефис.
  • 'DB_HOST' в большинстве случаев будет - 'localhost'. Это потому что база данных на том же самом компьютере, что и установленный WordPress.

А вот следующий define нужен, если нет доступа к /tmp (как в моём случае):

define('WP_TEMP_DIR', '/home/username/.../public_html/wordpress/tmp/');

Вот что мне понадобилось для установки wordpress:

  1. При помощи phpMyAdmin создать базу данных MySQL.
  2. Создать нового пользователя и дать ему полный доступ к этой базе.
  3. Скопировать распакованный wordpress на сервер, а также настроенный wp-config.php.
  4. Для установки тем нужно создать ftp-доступ с коренем в http://your-site/wordpress.
  5. Создать в wordpress директорию 'tmp' (полный путь к ней в локальной системе укажем в define 'WP_TEMP_DIR'), также для этой директории назначим права 0777.

Далее запускаем http://your-site/wordpress/wp-admin/install.php

Вот и всё - ничего сложного.