WeBlog — блог про веб-программирование » javascript

jQuery: обработка клика вне всплывающего/выпадающего элемента

admin — Tue, 24 Nov 2009 15:19:37 +0000

При показе элемента биндим клик по документу. Сравниваем – если кликнули по выпадающему элементу, ничего не делаем, если в любом другом месте – прячем выпадающий элемент.

$(document).bind("click", function(e) {

 if ( (e.target == document.getElementById('id_выпадающего_элемента')) ) {

  return;

 } else {

 $('#id_выпадающего_элемента').css({

 display: 'none'

 });

 

 elementHidden = true;

 } 

});

Проблемы с кодировкой в jQuery ajax

admin — Sun, 28 Jun 2009 20:12:44 +0000

При передаче (POST) данных через ajax jQuery данные передаются в кодировке в utf-8 какая бы кодировка не стояла в content-type. Приходится POST данные перекодировать на стороне сервера (php).

 
 
function array_iconv(&$array,$in_charset='utf-8',$out_charset='windows-1251') {
    foreach($array as $key => $value) {
        if ( is_array($value) ) {
            array_iconv($array[$key]);
        } else {
            $array[$key] = iconv($in_charset,$out_charset,$value);
        }
    }
}
 
array_iconv($_POST);

JavaScript метод inArray

admin — Sat, 17 Jan 2009 09:38:49 +0000

В JavaScript отсутствует метод inarray для поиска значения в массиве. Вот одно из решений:

Array.prototype.inArray = function ( search_phrase )
{
    for( var i = 0; i < this.length; i++ ) {
        if( search_phrase == this[i] ) {
            return i;
        }
    }
    return false;
}

Ссылки по теме:
http://itcave.net/javascript/inarray

checkbox: onChange

admin — Sat, 01 Nov 2008 14:02:35 +0000

Internet Explorer обрабатывает событие onChange в checkbox только когда последний теряет фокус. То есть нужно кликнуть по чекбоксу и потом кликнуть по какому-либо другому объекту, и только тогда в IE сработает обработчик onChange. Поэтому лучше использовать событие не onChange а onClick:

 

"checkbox" id="ef0" value="13"
    name="some_check"
    onClick="if ( this.checked ) { }">

js библиотека для работы с графикой

admin — Sun, 05 Oct 2008 13:22:53 +0000

Позволяет много что делать с изображениями и текстом на стороне клиента средствами js.

Raphaël—JavaScript Library