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


Проверка на значение 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

Поиск элемента в массиве на JavaScript

Ниже представлен один из вариантов реализации поиска элемента в массиве на JavaScript. Функция find() возвращает номер элемента, если он найден. Во всех остальных случаях вы получите значение -1.

 /* Проверяем то, что наш браузер поддерживает indexOf: */
if ( [].indexOf ) { 
  var find = function(array, value) {
    return array.indexOf(value);
  }
/* В противном случае ищем самостоятельно: */
} else { 

(далее…)

Опубликовано 8-08-2013 в 17:10

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



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

  • Администратор: к записи Николай, посмотрите файл '.htaccess' в корне сайта »
  • Николай: к записи Простите если немного не по теме. Я сделал экспорт »
  • Эрик: к записи Спасибо, помогло) 20 минут мучался) »
  • steblo: к записи спаисбо »
  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »

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

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