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

Ось і все, нічого складного.