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

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

JQuery текст и его обрезка

Наверняка на многих популярных ресурсах вы могли заметить такой занимательный функционал: если комментарий или вообще какой-то там кусочек текста слишком велик по объему, то он динамично сворачивается JavaScript-ом до заданной длины. Это достаточно легко можно пристроить и на ваши сайты, — благо есть соответствующий JQuery плагин.

Обратите внимание! Вообще существует, как минимум два варианта такой обрезки текста. Первый — это, как уже было показано плагином, описанным выше, прямой учет количества символов внутри выбранного блока. Его серьезным недостатком является то, что в данном случае нужно отдельно реализовывать учет открываемых HTML тегов (ведь мы же часто имеем не только простой не отформатированный текст?). Ну а второй вариант рассмотрим в одной из следующих статей.

JQuery текст с динамичной обрезкой

(далее…)

Опубликовано 6-08-2013 в 16:39

JQuery: последний элемент

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

(далее…)

Опубликовано 19-06-2013 в 14:24

JQuery селекторы. Часть 3.

Третья часть небольшой серии заметок, рассказывающих в примерах об использовании селекторов в JQuery. Сегодня рассмотрим работу по выборке всевозможных атрибутов элементов веб-страницы.

JQuery селекторы - выборка по атрибутам

1. Для начала я покажу вам имеющуюся разметку:

<div class="evolution">
<p>Lorem ipsum dolor sit amet consectetuer.</p>
</div>

(далее…)

Опубликовано 19-06-2013 в 11:35

JQuery плагин-скроллер

Данная статья описывает простейший пример использования JQuery плагина под названием «jQuery custom content scroller», который позволяет создавать блоки с собственными скроллерами, отличными от тех, что предоставляются вашими браузерами и операционными системами.

JQuery скроллер

(далее…)

Опубликовано 18-06-2013 в 16:06



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

  • Валерий: к записи Моё личное мнение - хороший хостинг. На нём уже да »
  • DeKoS: к записи Робит всё. »
  • Администратор: к записи Что-то слишком дешево, подозрительно... »
  • Валерий: к записи Лучше, конечно, платный хостинг. Бесплатных полноц »
  • Администратор: к записи Нажмите на кнопку Скачать в статье. »
  • маша: к записи Ничего не понятно для новичка без CSS кода. Пожалу »
  • Администратор: к записи Почитайте информацию на http://javascript.ru/ »

Статистика спама

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