Javascript. Loop condition. To be or not to be

Для пробега по массиву мы все пользуемся вот такой формой:

for (i = 0; i < tempArray.length; i++) { // Some code }

Но есть и вот такой способ:

for (i = 0; tempArray[] !== undefined; i++) { // Some code }

Как он Вам? :)

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 )