Snowcore's блог

ICQ 12111 System

2008-06-20T07:12:00.000-07:00

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

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

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

2008-05-08T04:40:00.000-07:00

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

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

Quirks Mode ... IE

2008-04-10T07:30:00.000-07:00

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

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

2008-04-04T07:15:00.000-07:00

При разработке клиентской части приложения иногда нужно отменить выделение текста, которое делает браузер при двойном клике на элементе или при 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 Обработка щелчка правой кнопки мыши

2008-04-02T06:47:00.000-07:00

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

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

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

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

2008-03-26T00:52:00.000-07:00

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

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

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

2008-03-21T00:43:00.000-07:00

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

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

jQuery binding events problem

2008-03-05T02:58:00.000-08:00

При использовании 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 ошибки

2008-03-04T04:52:00.000-08:00

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

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

2008-02-29T05:11:00.000-08:00

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

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

MySQL и кодировки

2008-02-05T01:03:00.000-08:00

Иногда при работе с 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

2008-01-10T08:06:00.000-08:00

Вот так уж повелось, что 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

2008-01-08T04:15:00.000-08:00

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

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

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

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

2007-12-28T23:51:00.000-08:00

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

Javascript Treeview

2007-12-21T08:12:00.000-08:00

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

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

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

Каждой строке таблицы присваивается 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-подсветка кода

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

Удачи!

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

2007-12-18T00:30:00.000-08:00

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

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

2007-12-14T06:51:00.000-08:00

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

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

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

2007-12-11T01:53:00.000-08:00

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

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

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

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

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

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

2007-12-06T01:23:00.000-08:00

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

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

Китай:

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

2007-12-05T07:16:00.000-08:00

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

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

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

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

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

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

2007-11-30T07:13:00.000-08:00

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