Developer notes: May 2013

Simple ColorPicker

Ниже представлена несложная реализация ColorPicker`а - цветовая палитра. Может кому и сгодится. Наверно Вы сталкивались с явлением, когда цвета, указанные в html контейнерах (тегах) с помощью десятичных чисел, например - rgb(127,127,127) работает некорректно. Все меняется, когда в дело идет 16-теричный код, например - #e5e5e5. Но так или иначе, бывают потребности в получении именно десятичного кода цвета.

<html>
    <haed>
        <title>
            ColorPicker
        </title>
        <script type="text/javascript" src="jquery-1.10.1.js"></script>
        <script>
            $(document).ready(function(){

                $(".abc").click(function() {
                    alert("class");
                });

                $("[name=color_picker]").click(function() {

                    var hexColorValue = $(this).attr("bgcolor");
                    var hexColorArray = Array();

// Находим регуляркой пары 16-теричных чисел (цветовой код)
                    if ( ( hexColorArray = hexColorValue.match( /[0-9a-fA-F]{2}/g ) ) !== null) {

// Переводим полученные числа в 10-тичную систему счисления
                        for (i = 0; i < hexColorArray.length; i++) {
                            rgbColorArray[i] = parseInt( hexColorArray[i], 16 );
                        }

   // Объединяем элементы массива в строку с разделителем ','
   var rgbColorValue = rgbColorArray.concat();
   // Можно и так
                         // var rgbColorValue = rgbColorArray.join(',');

                    }

// Все готово
                    alert( 'rgb(' + rgbColorValue + ')' );

                });

            });
        </script>
    </head>
    <body>
        <p class="abc">Color Picker</p>
        <table cellpadding="0" cellspacing="1" border="1">
            <tr>
                <td bgcolor="#ffffff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#e5e5e5" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#cccccc" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#b2b2b2" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#999999" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#7f7f7f" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#666666" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#4c4c4c" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#333333" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#191919" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#000000" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="" width="15" height="17" ><img src="ColorPickerClose.gif" /></td>
            <tr>
            <tr>
                <td bgcolor="#7f0000" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#7f3f00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#7f7f00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#3f7f00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#007f00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#007f3f" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#007f7f" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#003f7f" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#00007f" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#3f007f" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#7f007f" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#7f003f" width="15" height="17" name="color_picker" ></td>
            <tr>
            <tr>
                <td bgcolor="#bf0000" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#bf5f00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#bfbf00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#5fbf00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#00bf00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#00bf5f" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#00bfbf" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#005fbf" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#0000bf" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#5f00bf" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#bf00bf" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#bf005f" width="15" height="17" name="color_picker" ></td>
            <tr>
            <tr>
                <td bgcolor="#ff0000" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ff7f00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ffff00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#7fff00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#00ff00" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#00ff7f" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#00ffff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#007fff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#0000ff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#7f00ff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ff00ff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ff007f" width="15" height="17" name="color_picker" ></td>
            <tr>
            <tr>
                <td bgcolor="#ff5656" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ffaa56" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ffff56" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#aaff56" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#56ff56" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#56ffaa" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#56ffff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#56aaff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#5656ff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#aa56ff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ff56ff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ff56aa" width="15" height="17" name="color_picker" ></td>
            <tr>
            <tr>
                <td bgcolor="#ffaaaa" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ffd4aa" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ffffaa" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#d4ffaa" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#aaffaa" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#aaffd4" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#aaffff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#aad4ff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#aaaaff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#d4aaff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ffaaff" width="15" height="17" name="color_picker" ></td>
                <td bgcolor="#ffaad4" width="15" height="17" name="color_picker" ></td>
            <tr>
        </table>
    </body>
</html>

ColorPicker

RSLogix 5000. Генерирование настраиваемых импульсов ( generating custom pulses )

В программировании PLC встречаются задачки, где нужно использовать периодические импульсы. Так сказать, написать импульсный генератор. Особенно полезно иметь не простой генератор, а с возможностью настройки формы импульсов. Высота таких импульсов всегда равна true, так как мы имеем дело с логикой PLC. Но всегда можно подавать эту высоту на вход некоторой процедуры и на выходе получать ту амплитуду (типа и значения), которую мы планируем получать. Интерес представляет ширина, как самого импульса, так и между ними. Ниже (рис.1) представлена несложная реализация импульсного генератора, дающая возможность такой настройки. Настройка формы импульса задается значениями TON-таймеров: BlinksTimerBottom - ширина между импульсами и BlinksTimerBottom - ширина самого импульса (рис.2).

Рис.1 Генератор прямоугольных импульсов

Рис.2 Форма прямоугольных импульсов

Всем, адиос! :)

С/С++. "Little thing" for debuging - assert

Небольшая полезная фича работающая только при дебаге (для самоконтроля от ошибок).

- если использовать стандартную библиотеку

#include <assert.h>

//...

void assert ( int expression );

- если при разработке используется такая среда разработки как Microsoft Visual C++,

тогда можно подключить специфичный заголовочный файл (additionally - msdn library)

#include <crtdbg.h>

//...

_ASSERT( booleanExpression );

Небольшой примерчик:


#include <stdio.h>      /* printf */
#include <assert.h>     /* assert */

void print_number(int* myInt) {
  assert (myInt!=NULL);
  printf ("%d\n",*myInt);
}

int main ()
{
  int a=16;
  int * b = NULL;
  int * c = NULL;

  b=&a;

  print_number (b);
  print_number (c);

  return 0;
}

В этом примере при втором вызове метода print_number (c) программа завершает свое

выполнение - срабатывает assert(), был отловлен "пустой" указатель.

Следующий пример аналогичен, отличие только в демонстрации использования второго

подхода (использование среды разработки Microsoft Visual Studio)

#include <crtdbg.h>
#include <iostream>

void check( const int * pt )
{

 std::cout << "check pointer" << std::endl;
 _ASSERT( pt != NULL ); 

}

int main() {

 int a = 16;
 int * b = NULL;
 int * c = NULL;

 b = &a;

 check( b );
 check( c );

 return 0;

}

В итоге во время дебага будет отловлен пустой указатель - компилятор выкинет

соответствующее сообщение - Debug Assertion Failed (см. рис.1).

рис.1 Debug Assertion Failed!

HTML DOM Tree

Subscribe to: Posts ( Atom )