Snowcore's блог

ICQ 12111 System

noreply@blogger.com (unknown) — Fri, 20 Jun 2008 09:17:36 -0500

Весь мир вздрогнул!
20.06.2008 у всех абонентов ICQ появился номер 12111 в группе General. Это троян - удаляйте его и меняйте пароль. Ходят слухи, что AOL number 12111 - это все проделки AOL, но это все-таки вирус! Так что остерегайтесь номера аськи 12111 - если вам не удается его удалить, перезапустите аську и снова попробуйте. Иначе - воспользуйтесь менеджером контактов (можна найти на сайте qip.ru).

Мочите 12111 в своем QIP !!!

Уррррряяяяяя!!!

noreply@blogger.com (unknown) — Thu, 08 May 2008 06:42:08 -0500

Наконец-то я сделал это!

Буду собирать вещи и перебираться потихоньку на snowcore.net

Quirks Mode ... IE

noreply@blogger.com (unknown) — Thu, 10 Apr 2008 09:33:45 -0500

Все... моему терпению уже нет конца... В связи с этим на моем блоге поселяется новая картинка НАВСЕГДА (смотрите правый верхний угол).

Prevent text selection или отмена выделения текста

noreply@blogger.com (unknown) — Fri, 04 Apr 2008 09:40:02 -0500

При разработке клиентской части приложения иногда нужно отменить выделение текста, которое делает браузер при двойном клике на элементе или при drag'n'drop.
Этого можно избежать, используя объект document.selection.
Пишем простую функцию, которая отменяет выделение текста и задаем ее на соответствующее событие:

function clearSelection()
{
       var sel;
       if(document.selection && document.selection.empty)
       {
           document.selection.empty();
       }
       else if(window.getSelection)
       {
           sel = window.getSelection();
           if(sel && sel.removeAllRanges)
               sel.removeAllRanges();
       }
}Syhi-подсветка кода

А еще проще (и лучше ;-) - используем jQuery плагин jQuery Disable Text Select Plugin http://www.jdempster.com/2007/07/14/jquery-disable-text-select/

Подключаем единственный файл jquery.disable.text.select.js и задаем отмену выделения текста для нужных элементов:

$("#wrapper").disableTextSelect();Syhi-подсветка кода

jQuery Обработка щелчка правой кнопки мыши

noreply@blogger.com (unknown) — Wed, 02 Apr 2008 09:05:21 -0500

Долго возился, никак не мог найти как задать этот обработчик. Я использую livequery plugin.
Задать обработку можно так:

$(".pixel").livequery('contextmenu', function(){
    // do something ...       

    return false;
});Syhi-подсветка кода

Учимся достигать целей

noreply@blogger.com (unknown) — Thu, 13 Nov 2008 17:07:30 -0600

Наконец-то ты начинаю побеждать себя, практически, во всем. Больше никакой лени и безответственности! Как приятно это ощущать!
Ну что ж, теперь могу достигать большего...
Первая цель - Atom MX 2.0

Я люблю экстрим, давно себе хотел нормальный велик. Мне очень понравился этот экстремальный хардтейл с оборудованием любительского класса SRAM 3.0, 21 скорость. Алюминиевая рама Oversize-reinforced 7005. Передний амортизатор Suntour XCR, 120mm, регулируемый. Двойные обода Weinman ZAC2000DW. Тормоза дисковый механический Tectro IO/Promax V.Подходит для активной езды по различным дорогам и пересеченной местности.
И цена за этого красавчика просто смешная - чуть больше $300

Новый проект :-)

noreply@blogger.com (unknown) — Thu, 13 Nov 2008 17:07:30 -0600

С сегодняшнего утра объявил себе войну по поводу утренней зарядки. Все никак не мог начать ее делать постоянно. Поэтому прицепил на дверь напоминание:

Пока это бета-версия... Но скоро будет stable release!
Желаю всем находить силы для борьбы с самим собой это ОЧЕНЬ ВАЖНО !!!

jQuery binding events problem

noreply@blogger.com (unknown) — Wed, 05 Mar 2008 06:05:07 -0600

При использовании ajax запросов и изменении DOM дерева налету не всегда срабатывают функции-обработчики событий для добавленных элементов в документе. Пример:

// Получаем html код и вставляем его в div
$("#grid_toolbar").load("./ajax/toolbar_menu/users.inc");

// Задаем обработчик для нового элемента
$("#delete").click(function() {
    $("#grid").empty();
});Syhi-подсветка кода

Такой способ, к сожалению, не будет работать.
В этой ситуации поможет специальный плагин livequery: http://docs.jquery.com/Plugins/livequery

Подключаем единственный файл jquery.livequery.js и переписываем код:

// Загружаем также ;-)
$("#grid_toolbar").load("./ajax/toolbar_menu/users.inc");

// А здесь уже задаем обработчики при помощи livequery
$("#delete").livequery('click', function(event) {
    $("#grid").empty();
});Syhi-подсветка кода

Javascript ошибки

noreply@blogger.com (unknown) — Wed, 05 Mar 2008 05:10:08 -0600

Сейчас разруливаю jQuery framework - отличная разработка! Много готовых и расширяемых инструментов. Не мог разобраться с одной ошибкой около часа. В итоге понял, в чем дело... поэтому пишу заметку в блог: если ищешь javascript ошибку больше, чем полчаса - посмотри в правильном ли порядке ты подключаешь скрипты !!!

Тонкая Красная Нить

noreply@blogger.com (unknown) — Thu, 13 Nov 2008 17:07:30 -0600

Обалдеть! Чисто случайно наткнулся на альбом этих Харьковских ребят. Теперь уже целую неделю в плейлисте - только они. СУПЕР!!!

Всем советую!!!
Страница вконтакте - http://vkontakte.ru/club447030
Сайт группы - www.tkn.com.ua
И, собственно говоря, альбомчик - www.tkn.com.ua/mp3/tkn-106(ep)(2008).rar

MySQL и кодировки

noreply@blogger.com (unknown) — Tue, 05 Feb 2008 03:09:45 -0600

Иногда при работе с MySQL возникают ошибки, связанные с кодировкой (например, вместо русских символов - знаки вопроса).
Эта проблема решается легко при помощи одного из следующих запросов:

mysql_query('SET NAMES "cp1251"');
mysql_query("SET collation_connection = 'cp1251_general_ci'");
mysql_query("SET collation_server = 'cp1251_general_ci'");
mysql_query("SET character_set_client='cp1251'");
mysql_query("SET character_set_connection='cp1251'");
mysql_query("SET character_set_results='cp1251'");
mysql_query("SET character_set_server='cp1251'");Syhi-подсветка кода

Перехват нажатия Enter в IE

noreply@blogger.com (unknown) — Thu, 13 Nov 2008 17:07:31 -0600

Вот так уж повелось, что IE не дает спокойно жить всем web-developerам. И меня он не устает удивлять.

Ситуация следующая: в текстовое поле вводится числовое значение, по нажатию Enter это значение передается на сервер (при помощи AJAX). Что может быть проще? Я привязал функцию обновления на событие onchange элемента input (текст). Как обычно, все идеально сработало в FireFox и Safari. А этот IE... При нажатии Enter - вообще ничего не происходило.

Объясняю: в IE Enter вызывает событие "onsubmit" формы.

Решение: input должен находиться в форме. На событие onsubmit ставим return false;
И добавляем следующий код:

processKeyEvent = function(eventType, event)                                             
{
      if (window.event)
      {
          event = window.event;
      }
      var caller_;
      if (event.target)
          caller_ = event.target;
      if (event.srcElement)
          caller_ = event.srcElement;
      var code;
      if (event.keyCode) code = event.keyCode;
      else if (event.which) code = event.which;
   
      switch (code)
      {
          case 13:
              checkEnteredOrder(caller_); // наша функция для обновления
              break;       
      }     
  };

processKeyPress = function(event)
  {
      processKeyEvent("onkeypress", event);
  };Syhi-подсветка кода

Затем меняем событие onchange на keypress:

input.onkeypress = processKeyPress;

Теперь все проходит через processKeyPress хэндлер, а в нем мы отлавливаем нажатую клавишу по keycode.

P.S.: Чувствую, скоро нужно будет создать отдельную категорию на блоге типа "Умри, IE поганый" или "Instant Evil"

const + javascript in IE

noreply@blogger.com (unknown) — Thu, 10 Apr 2008 09:36:22 -0500

Ну вот закончились праздники (ура!), и снова любимая работа...

Первое удивление в новом году:

Никогда не используйте ключевое слово const в javascript. Константы не поддерживаются в IE (в этом только что убедился, посвятив отладке 2 часа). Так что var вам в помощь ;-)

Всех с Новым 2008 Годом !!!

noreply@blogger.com (unknown) — Thu, 13 Nov 2008 17:07:31 -0600

Удачи Вам, здоровья, всяческих благ и исполнения всех желаний!
С Новым Годом !!!

Javascript Treeview

noreply@blogger.com (unknown) — Thu, 13 Nov 2008 17:07:32 -0600

В нашем "вечном" проекте появилась новая задача - реализовать иерархическую структуру категорий. Сделать это нужно было в таблице + реализовать следующие действия:

открытие/закрытие ветвей дерева
перемещение категории на уровень вверх/вниз
дублирование (как категории отдельно, так и целой ветки)
удаление элементов

Немного поразмыслив я придумал такой подход:

Каждой строке таблицы присваивается 2 параметра:
level - уровень, на котором лежит узел (от 0 и выше)
state - состояние узла (open - узел открыт, closed - закрыт, end - узел является конечным )

Смотрите скриншот таблицы:

И так, первая функция для открытия и закрытия узлов. Встречайте:

function changeRowState(box, RH_Panel)
{
    elem = box.parentNode.parentNode.parentNode;
    

    var current_level = elem.getAttribute("level");
    var current_state = elem.getAttribute("state");
    var current_table = "table_body";
    

    if(RH_Panel)
        current_table = "RH_table_body";
            

    var row_display = "none"; // for style.display
    if(current_state == "closed") // if item is closed, than show all children
        row_display = "";
    

    

    var tbody = document.getElementById(current_table);
    var children = tbody.childNodes;
    

    var after_current = false;
    

    for(var i=0; i<children.length; i++)
    {                
        if(children[i].tagName == 'TR')
        {
            if(children[i] == elem)
            {
                after_current = true;
            }
 

            if(after_current)
            {   
                if((children[i] != elem) && (children[i].getAttribute('level') == current_level))
                {
                    if(current_state == "open")
                    {
                        elem.setAttribute("state", "closed");
                        box.src = "images/branch_closed.gif";
                    }
                    else
                    {
                        elem.setAttribute("state", "open");
                        box.src = "images/branch_open.gif"; 
                    }
                    return;
                }
                    

                if(children[i].getAttribute('level') > current_level)
                {
                    

                    children[i].style.display = row_display;
                }
            }
        }
    }
 

    if(current_state == "open")
    {
        elem.setAttribute("state", "closed");
        box.src = "images/branch_closed.gif";
    }
    else
    {
        elem.setAttribute("state", "open");
        box.src = "images/branch_open.gif";
    }
}Syhi-подсветка кода

Эту функцию мы ставим на событие onclick для элемента <img> в строке таблицы:

<tr level="0" state="open" style="background:#99ddaa;">
<td><input type="checkbox" name="tree_items[]" /></td>
<td>
   <a href="javascript:void(0)">
     <img src="images/branch_open.gif" onclick="changeRowState(this);" />
   </a>
   <a href="action.php">&nbsp;&nbsp;<b>Web Channel (2)</b></a>
</td>
<td>56</td>
<td>2</td>
<td>3</td>
<td>10</td>
<td class="statusProduction">Published</td>
</tr>Syhi-подсветка кода

Логика очень проста: при нажатии на иконку, функция проходит по всем строчкам таблицы и изменяет атрибут display (если уровень больше). При таком подходе, в принципе, уровень вложенности может быть большим. Но для нашего проекта я сделал ограничение до 10 уровней.

Функция для изменения уровня узлов:

function changeLevel(direction)
{
  var delta_level = -1;
  if(direction == "down")
      delta_level = 1;
   
  var checkboxes = document.getElementsByName("tree_items[]");

  for(var i=0; i<checkboxes.length; i++)
  {
      if(checkboxes[i].checked)
      {
          var row = checkboxes[i].parentNode.parentNode;
          var current_level = row.getAttribute("level");
       
          if(current_level != 0 || direction == "down") // dont move up row with level = 0
          {
              var td = checkboxes[i].parentNode.nextSibling;
              if(td.nodeType == 3)
                  td = checkboxes[i].parentNode.nextSibling.nextSibling;
           
              var prev_html = td.innerHTML;
              prev_html = prev_html.slice(prev_html.indexOf("<"));
              var new_level = parseInt(current_level) + parseInt(delta_level);
              td.innerHTML = getSpacesForLevel(new_level) + prev_html;
              row.setAttribute("level", new_level);
              row.style.backgroundColor = arrColors[new_level];
           
              var tbody = document.getElementById('table_body');
              var children = tbody.childNodes;
              var row_index = getRowIndex(row);
           
              if(direction == "down")
                  row_index++;
           
              for(var j=row_index; j<children.length; j++)
              {
                  if(children[j].tagName == 'TR')
                  {
                      if(children[j].getAttribute("level") == current_level)
                          break;
                       
                      if(children[j].getAttribute("level") > current_level)
                      {
                           var cur_level = children[j].getAttribute("level")
                           var td = children[j].childNodes[3];
                           if(td.innerHTML.indexOf("<img") == -1) // IE and Safari hack
                              td = children[j].childNodes[1];
                      
                           var prev_html = td.innerHTML;
                           prev_html = prev_html.slice(prev_html.indexOf("<"));
                           var new_lev = parseInt(cur_level) + parseInt(delta_level);
                           td.innerHTML = getSpacesForLevel(new_lev) + prev_html;
                           children[j].setAttribute("level", new_lev);
                           children[j].style.backgroundColor = arrColors[new_lev];
                      }
                  }
              }// for
              checkAll(0);    // uncheck all checkboxes
          }// if
      }// if checked
   

  // AJAX request to set level
  }
}Syhi-подсветка кода

А также функции дублирования:

function duplicateSingle()
{
   var checkboxes = document.getElementsByName("tree_items[]");
   var tbody = document.getElementById("table_body");
 
   var len = checkboxes.length;    // FireFox hack (against constant reference to collection of checkboxes)
   for(var i=0; i<len; i++)
   {
       if(checkboxes[i].checked)
       {
           var row = checkboxes[i].parentNode.parentNode;
           var inserted_row = tbody.appendChild(row.cloneNode(1));
         
           var td = inserted_row.childNodes[3];
           if(td.innerHTML.indexOf("<img") == -1) // IE and Safari hack
              td = inserted_row.childNodes[1];
            
           var cell_content = td.innerHTML;
           var ins_pos = cell_content.indexOf("</b>");
           td.innerHTML = cell_content.slice(0, ins_pos) + " Copy" + cell_content.slice(ins_pos);
      }
   }
   checkAll(0);
}

function duplicateBranch()
{
   var checkboxes = document.getElementsByName("tree_items[]");
   var tbody = document.getElementById("table_body");
 
   var len = checkboxes.length;    // FireFox hack (against constant reference to collection of checkboxes)
   for(var i=0; i<len; i++)
   {
       if(checkboxes[i].checked)
       {
           var row = checkboxes[i].parentNode.parentNode;
           var inserted_row = tbody.appendChild(row.cloneNode(1));
           var current_level = inserted_row.getAttribute("level");
         
           var tbody = document.getElementById('table_body');
           var children = tbody.childNodes;
           var row_index = getRowIndex(row);

         
           for(var j=(row_index+1); j<children.length; j++)
           {
               if(children[j].tagName == 'TR')
               {
                   if(children[j].getAttribute("level") == current_level)
                       break;
                     
                   if(children[j].getAttribute("level") > current_level)
                   {
                       tbody.appendChild(children[j].cloneNode(1)); 
                   }
               }
           }
      }
   }
   checkAll(0);
}Syhi-подсветка кода

Кому нужны будут подробные объяснения, или кто сталкивался с подробной задачей - сообщите об этом в комментах.

Удачи!

Процесс разработки

noreply@blogger.com (unknown) — Thu, 13 Nov 2008 17:07:32 -0600

Как же правдиво все выглядит.
Посмотрите на типичний процесс разработки проектов:

Вот это так письмо!

noreply@blogger.com (unknown) — Fri, 14 Dec 2007 08:53:37 -0600

Прислал недавно знакомый, я ржал долго:

"Здравствуй, дорогая доченька! Если ты получишь это письмо, значит, оно до тебя дошло. Если же нет, то дай мне знать, и я напишу тебе ещe раз. Я пишу медленно, потому что я знаю, что ты не очень быстро читаешь. Погода у нас хорошая. На прошлой неделе дождь шел всего два раза: в начале недели, 3 дня, и ближе к концу, в течение 4 дней. Кстати, насчет пальтишка, которое ты хотела, дядя Вася сказал, что если пересылать его с этими литыми пуговицами, то это выйдет слишком дорого по весу, поэтому я их отрезала. Пришей их обратно, я положила их в правый кармашек. Твой папа нашeл новую работу. Под ним 500 человек! Он косит траву на кладбище. Твоя сестра Настя недавно вышла замуж, и ждет малыша Мы не знаем, какого он пола, поэтому пока что не могу тебе сказать, будешь ли ты дядей или тeтей. Если это девочка, то она хочет еe назвать, как меня. Немного странное решение, назвать свою дочку Мама. С твоим братом Толей недавно случился казус: он закрыл свою машину, а ключи оставил внутри. Ему пришлось вернуться домой пешком
( 10 километров!), чтобы взять второй комплект ключей, и выпустить нас из машины. Если ты вдруг встретишь свою кузину Лилю, то передай ей от меня привет. Eсли ты еe не встретишь, то ничего ей не говори. Твоя мама. P.S.: Я хотела отослать тебе немного денег, но уже заклеила конверт"

Сервис подсветки кода

noreply@blogger.com (unknown) — Tue, 11 Dec 2007 04:06:02 -0600

Очень часто в постах приходится писать участки кода.
Раньше это было полное извращение - менял HTML, сам создавал стили... Недавно узнал об очень удобном сервисе - SyHi(Syntax Highlighter for blogs) система подсветки кода для блогов. Такая классная штука!

Вот ряд ее достоинств:

28 языков для подсветки (PHP, C++, C#, XML и другие)
нумерация строк
возможность разрешать/запрещать переносы строк

Всем кодерам советую! Адрес: SyHi

А какими сервисами пользуетесь Вы?

Удачное продвижение

noreply@blogger.com (unknown) — Thu, 13 Nov 2008 17:07:33 -0600

Ура! Проект, который делаю на работе уже начинает внедряться!!! Как же приятно это слышать, а тем более видеть вот такие фотографии (эти ценники создаются при помощи нашего проекта):

Великобритания:

Китай:

Какая же ты прелесть ... C# !

noreply@blogger.com (unknown) — Fri, 21 Dec 2007 08:07:39 -0600

С прошлой недели потихоньку начинаю переходить на C# - очень классная язык! Я просто балдею от него!

Параллельно с изучением в ШАГе решил написать свой проект для раскрутки сайтов.
Идея давно всем известна и проста - полуавтоматическая регистрация в поисковиках, каталогах и т.д.

Пока делаю основную часть программы. В будущем планирую добавить инструменты для упрощения работы с рекламными программами а также часть инструментов для блоггеров.

Все свои результаты выложу здесь, так что следите :-)

P.s.: использую Framework 2, у кого нету - можете скачать ТУТ (23,5 Мб)

Горькая правда

noreply@blogger.com (unknown) — Thu, 13 Nov 2008 17:07:34 -0600

Иногда смотришь на вот такое, и становится немного грустно:

GUID Generator

noreply@blogger.com (unknown) — Fri, 18 Jan 2008 02:40:05 -0600

Вот на днях понадобилось генерировать GUID. GUID (Globally Unique Identifier) — представляет собой статистически уникальный 128-битный идентификатор. Его главная особенность — уникальность, которая позволяет создавать расширяемые сервисы и приложения без опасения получения конфликтов, вызванных совпадением идентификатора. Хотя уникальность каждого отдельного GUID и не гарантируется, общее количество уникальных ключей настолько велико, что вероятность того, что один и тот же ключ будет получен дважды, крайне мала.

GUID — это частная реализация (фирмой Microsoft) стандарта, имеющего название Universally Unique Identifier (UUID).

В тексте GUID записывается в виде строки из 16-ричных цифр, разбитых на группы дефисами и окружённой фигурными скобками:

{6F9619FF-8B86-D011-B42D-00CF4FC964FF}

Есть куча online сервисов, которые позволяют это сделать, я же предлагаю скачать мой GUID Generator (написан на C# Framework v2.0 )

А теперь немного о нас...

noreply@blogger.com (unknown) — Fri, 30 Nov 2007 04:35:33 -0600

Поехал программист на стрельбище. Три раза стрелял, а ему с огневого рубежа сообщают, что ни одного попадания не зафиксировано.
Программист вставил палец в ствол, нажал на спусковой крючок. Палец, естественно, разлетелся в разные стороны.
Программист орет на огневого рубеж: - У меня на выходе все нормально, у вас проблемы с приемом.

Сидят два программиста в кафе. Мимо идет красивая девушка.
- Классные у нее properties, - говорит один.
- Вчера проверял... Все read only, - с грустью отвечает другой...

Останавливает дорожная полиция машину, из машины вываливается сильно пьяный программист.
Полицейский спрашивает:
- Ваши права?
Водитель отвечает (с трудом ворочая языком):
- Root!

PHP загрузчик с ProgressBar'ом

noreply@blogger.com (unknown) — Thu, 13 Nov 2008 17:07:34 -0600

Одним из недостатков загрузки файлов через веб-интерфейс является отсутствие возможности увидеть статус процесса загрузки.

Raditha Dissanyake предлагает свой вариант решения этой проблемы -
"Mega Upload". CGI скрипты + javascript (страница загрузки: http://sourceforge.net/projects/megaupload/).

При аплоаде появляется вот такое окошко:

В есь процесс проходит такой путь:

1) Сабмит формы с файлами
2) Вызов javascript функции postIt
3) Передача управления upload - хендлэру
4) Хендлер выбирает нужный скрипт, который выполняет манипуляцию с файлами
5) Возврат в форму загрузки

Рассмотрим все этапы подробнее.

Форма загрузки должна иметь следующий вид:

Рассмотрим необходимые поля:

sessionid - используется для безопасности (в CGI сравнивается с параметром, переданным в адресной строке)

upload_single_font - название actiona, по которому в upload - хэндлере будет выбираться нужный скрипт для манипуляции с файлами

После нажатия на кнопку "Загрузить" вызывается javascript функция checkFields(). В ней можно проверить не пуста ли форма с файлами, а также здесь вызывается функция postIt() - она берет значения из формы и передает их CGI скрипту. После этого появляется окошко с ProgressBar'ом, управление передается upload - хэндлеру.
Структура хэндлера следующая:


if(isset($_REQUEST['upload_single_font']))
   $upload_single_font = $_REQUEST['upload_single_font'];


    // ...
    // здесь могут быть проверки других actions
    // ...

 else if (@$upload_single_font)
 {
    include_once './upload_single_font.php';
    exit;
 }

Таким образом управление передается соответствующему скрипту (upload_single_font.php)

В скрипте для манипуляции с файлами массив файлов хранится в $file (не $_FILES !!!)

И финальный этап - редирект в изначальную форму с радостным сообщением ("Файлы успешно загрузились").

Если кто-нибудь еще знает способы реализации ProgressBar'ов - пишите в комментариях.

О мне говорят

noreply@blogger.com (unknown) — Wed, 05 Dec 2007 04:32:34 -0600

Сегодня проходил тест на Mamba - у них партнерка есть. Смысл таков: пользователи, которые пройдут тест по Вашей рекомендации и заключат трудовой договор с Mamba, Вы получите 500 гринов (так написано у них на сайте).
Что ж, как для новичка - фраза "Я -- хороший PHP-программист 200 баллов" звучит очень приятно :-)