Категорія: JQuery & JavaScript

bootstrap автоматическое подстаивание картинки

Бутстрап с таким не справляется, так как он растягивает очень маленькую картинку на всю ширину контейнера. С большими картинками конечно справляется.

Так что нечего экспериментировать, просто это работа для Jquery:

Читать полностью

error 406 ajax cpanel – ошибка 406 POST

Решил делать сайты на хостинге с cPanel - и выявил странности. Некоторые ajax запросы начали возвращать код ошибки 406 - 406 Not Acceptable Error.

Помучился с этим и выявил. Ошибка появлялась тогда, когда в POST-переменных пустота. Работаем на jquery.

Читать полностью

Как очистить фокус, как снять выделение текста на странице

Вот вам функция:

function clearPageSelection()
{
if (window.getSelection) {
if (window.getSelection().empty) { // Chrome
window.getSelection().empty();
} else if (window.getSelection().removeAllRanges) { // Firefox
window.getSelection().removeAllRanges();
}
} else if (document.selection) { // IE?
document.selection.empty();
}
}
В опере тоже работает

Читать полностью

Шаблон AJAX функции

Раньше я начинал строить такое с использованием отдельных функций, но позже понял что лучше их не использовать. По этому здесь только анонимные функции.

Современный пример

Читать полностью

Использование ссылки как управляющий элемент для скрипта

Мы хотим, чтобы при нажатии на ссылку, вызывалась наша функция, но чтобы браузер не следовал ссылке. Вот как это делается.

Открыть что-то

$('#test-click').click(function(){
vashaFunction();
return false;
});

Из приведенного кода именно return false; выполняет функцию по предотвращению следования браузера по ссылке.

Читать полностью

Jquery mutli load – подключение библиотеки с двух источников.

Данная идея возникла когда я отключил интернет из страха о поражении ПК через грозу. У меня Jquery загружается с статического хранилища яндекса:


Так говорят быстрее, сервер меньше грузит. Может оно и так, но Яндекс не Бог, иногда и сам висит.

Читать полностью

Читы по использованию библиотеки

Применить к элементу CSS стиль. Учтите, данный код добавляет инлайн style=";"

$("#ui-dialog").css("display", "block");

Удалить этот стиль (проверено). Косовато, но если нужно много свойств, применяйте классы

Читать полностью