javascript

Ajax загрузка, минимальное время работы

Иногда ajax запросы получаются очень быстрыми, но не исключена вероятность что запрос может задержаться по разным причинам. Ajax loader как раз и нужен для того чтобы показать пользователю что что-то происходит, идет работа и нужно подождать.

Но что делать если запросы быстрые, пользователь не знает что это такое, что это фоновый ajax запрос, это ему вообще не интересно, в итоге он увидит быстрое отображение и скрытие загрузчика и может вообще нечего не понять, и воспринять как ошибку сайта или что-то подобное.

Задача, сделать ajax loader с минимальным времени работы, допустить 1,5 секунды.

Continue reading

Перевод текста из английской раскладки в русскую [javascript]

    
autoKeyboardLang : function(str)
{
    var s = [
        "й","ц","у","к","е","н","г","ш","щ","з","х","ъ",
        "ф","ы","в","а","п","р","о","л","д","ж","э",
        "я","ч","с","м","и","т","ь","б","ю"
    ];

    var r = [
        "q","w","e","r","t","y","u","i","o","p","\\[","\\]",
        "a","s","d","f","g","h","j","k","l",";","'",
        "z","x","c","v","b","n","m",",","\\."
    ];

    for (var i = 0; i < r.length; i++)
    {
        var reg = new RegExp(r[i], 'mig');
        str = str.replace(reg, function (a) {
            return a == a.toLowerCase() ? s[i] : s[i].toUpperCase();
        });
    }

    return str;
}


...

if( ! /^[а-яё ]*$/i.test(s) ){
    $(input).val(autoKeyboardLang(s));
}

....

Склонение сеществительного от числа [js]

var declOfNum = function(number, titles)
{  
    var  cases = [2, 0, 1, 1, 1, 2];  
    return titles[ 
            (number % 100 > 4 && number % 100 < 20) 
            ? 
            2 
            : 
            cases[(number % 10 < 5) ? number % 10 : 5] 
    ];  
} 

//declOfNum(days, ['день', 'дня', 'дней']);
//declOfNum(hours, ['час', 'часа', 'часов']);
//declOfNum(minutes, ['минута', 'минуты', 'минут']);
//declOfNum(seconds, ['секунда', 'секунды', 'секунд']);

Поиск по тексту с выделением [javascript]

Можно использовать в собственно-сделанных селектах для быстрого поиска по ключевым символам или по слову.

var text            = "Москва",
    searchText      = "ск",
    startpos        = text.search( 
         new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i')); //magic

    text = text.substr(0, startpos + searchText.length) + '</em>' + text.substr(startpos + searchText.length);
    text = text.substr(0, startpos) + '<em>' + text.substr(startpos);


//результат: Москва = Мо<em>ск</em>ва

jQuery checkbox-ы с checked

Иногда элементарным вещам не уделяешь должного места в своей голове и они плохо запоминаются, вот и с этой выборкой так, постоянно забываю o_O

$("input[name='group_name[]']:checked");
||
$("input").filter(":checkbox:checked");
||
$('input[type="checkbox"]').prop('checked');
||
$("input[type='checkbox'][checked='true']");
||
$("input:checked");

Взято

Использование javascript библиотеки для построения графиков Highcharts

Аналитика цен недвижимости на сайте www.stavropol.orr.ru

Из всего что было попробовано остановился на этой библиотеке и не прогадал. Эту библиотеку не даром даже яндекс использует в web мастере. Разобраться можно довольно быстро, есть масса примеров, api тоже не плохо описано. В общем записываю чтобы не забыть.

Ну и результаты работы с Highcharts
Аналитика стоимости 1м? жилья в Ставрополе

Ссылка на сайт проекта