Простые JavaScript и JQuery, а также MooTools-примеры.


Как в JavaScript обрезать строку

Сниппет, представленный далее, наглядно демонстрирует то, как в JavaScript  можно производить обрезку произвольных строк:

var stroka = 'Curabitur nibh libero suscipit a metus mi lacus';

alert(stroka.slice(0, -5));
// В конечной строке будет все, кроме 5 последних символов: 
// 'Curabitur nibh libero suscipit a metus mi'

alert(stroka.slice(0, 11));
// В конечной строке будет 11 символов, начиная от 0: 
// 'Curabitur n'

alert(stroka.slice(5, 12));
// В конечной строке будут символы с 5-го по 12-й: 
// 'itur ni'

(далее…)

Опубликовано 4-09-2013 в 14:22

Фотогалереи и слайдеры для ваших сайтов

Небольшая подборка из 5 различных фронтенд фотогалерей с использованием возможностей JQuery и аналогичных библиотек.

Фотогалерея GalleryView с автопроигрыванием

JQuery плагин GalleryView - фотогалерея на сайт

Фотогалерея под названием GalleryView представляет собой JQuery плагин. Есть функция автоматической прокрутки изображений. Справа, слева, снизу или сверху может отображаться небольшая панель навигации с превьюшками и кнопками управления. В верхнем левом углу есть небольшая иконка при нажатии на которую выпадает краткое описание фотографии.

Скачать Просмотреть
(далее…)

Опубликовано 4-09-2013 в 12:04

JQuery поиск всех email на странице в блоке

Далее представлен небольшой пример регулярного выражения на JavaScript и программного кода с JQuery, который позволяет искать все адреса электронной почты внутри заданного элемента HTML на веб-странице.

jQuery(document).ready(function($) {

    var text_block = $('#my_block_with_emails').text();
    var email_regularexp = /[\._a-zA-Z0-9-]+@[\._a-zA-Z0-9-]+/igm;
    var return_block = $('#finded_emails');
    var emails = text_block.match(email_regularexp);
    return_block.empty();

    $.each(emails, function(index, value) {
        return_block.append(value);
        (index !== emails.length - 1) ? return_block.append(', ') : '';
    });

})

(далее…)

Опубликовано 3-09-2013 в 16:03

Редирект на JavaScript с подтверждением

Далее представлен простой пример реализации функции, которая перед перенаправлением по клику на гиперссылку будет опрашивать пользователя, действительно ли он хочет перейти на такую-то веб-страницу.

/**
 * Функция выполняет редирект на указанный url 
 * с выводом окошка подтверждения перехода.
 * Пример использования:
 * <a href="javascript:confirm_redirect('http://www.yandex.ru')">
 * Перейти на yandex.ru</a>
 * 
 * @param {string} url
 * @returns {undefined}
 */
function confirm_redirect(url) {
    // Сообщение для пользователей:
    var message = 'Вы действительно хотите продолжить?'
    if (confirm(message)) {
        location.href = url;
    }
}

А вот, как это будет выглядеть все это в полностью рабочем варианте, если разбавить все HTML и поместить на веб-страничку: (далее…)

Опубликовано 2-09-2013 в 12:55

Проверка на значение NULL в JavaScript

Далее представлен миниатюрный отрывок программного кода, который демонстрирует проверку на значение null в языке JavaScript:

var test = null;
if (test != null) {
    alert('test не равно значению null!');
} else {
    alert('test равно значению null!');
}

(далее…)

Опубликовано 29-08-2013 в 15:01

JQuery и плавный переход по ссылке-анкору

Показанный ниже сниппет представляет из себя JQuery плагин, который позволяет реализовывать плавную прокрутку по якорям / анкорам на веб-странице:

jQuery.fn.scroll_to_anchor = function(){
    this.stop(false , false) // - отключаем анимацию, если она уже запустилась
    jQuery('html,body').animate({scrollTop: this.offset().top},'slow');
    return this;
}

Оформите этот код в отдельный файл, назвав его к примеру jquery.scroll_to_anchor.js. Вызов плагина производится следующим образом:

$('#part1').scroll_to_anchor(); // - идем по якорю
Опубликовано 29-08-2013 в 10:05

JQuery ссылки: распознаем внешние

Данная заметка содержит небольшой пример с распознаванием ссылки, — внешняя она или внутренняя, по клику на последнюю.

Итак, используем регулярные выражения и JQuery:

$(document).on('click', 'a', function() {

    // Шаблон, содержащий домен нашего сайта: 
    var homeURL = /red-book-cms\.ru/;

    // Вытаскиваем URL по которому был совершен клик:
    var href = $(this).attr('href');
    

(далее…)

Опубликовано 12-08-2013 в 15:23













Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты