javascript

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

Posted on by Рамиль Юналиев

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

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

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

Continue reading →

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

Posted on by Рамиль Юналиев 
    
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]

Posted on by Рамиль Юналиев 
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]

Posted on by Рамиль Юналиев

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

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

Posted on by Рамиль Юналиев

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

Posted on by Рамиль Юналиев

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

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

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

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