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


JavaScript: строку в число

Итак, для того, чтобы на JavaScript преобразовать строку в число, нужно вызвать стандартную функцию под названием parseInt(). Ниже представлен пример перевода значения ширины абстрактного HTML элемента из строки (в пикселах) в число:

<script type="text/javascript">
var customWidth = '1000px';
var numWidth = parseInt(customWidth, 10);
alert(numWidth); // - выведет число 1000.
</script>

Она имеет всего-то два входных параметра, где первый задает само строковое / текстовое представление числа, а второй — основание системы счисления (далее…)

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

JQuery: высота элемента

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

Постановка задачи:

Итак, имеем, ставшую уже классической, двух-колоночную верстку. В блоке с CSS классом  content у нас меньшее количество контента, а в блоке  sidebar большее, исходя из их ширины. По умолчанию все будет выглядеть вот так, для наглядности выделил элементы заливкой:

HTML: высота блоков по умолчанию

(далее…)

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

Длина массива в JavaScript

Итак, длина массива в JavaScript (свойство length) — это число, на единицу превосходящее максимальный индекс массива.

Пример использования:

<script type="text/javascript">
var massiv = [121,232,313,424,555];
for (var k = 0; k < massiv.length; k++) {
  alert('massiv[' + k + ']=' + massiv[k]);
}
</script>

Последовательно, друг за другом в окошках браузера будут выведены massiv[0]=121, massiv[1]=232massiv[3]=313 и т.п., — итого 5 раз. (далее…)

Опубликовано 28-05-2013 в 17:17

JavaScript: координаты клика

Данная заметка содержит пример простого программного кода на языке программирования JavaScript, который определяет координаты клика мышкой в документе HTML.

JavaScript - определение координат клика

Итак, вот полный листинг примера: (далее…)

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

Простые вкладки на JQuery

В заметке приведен пример создания вкладок на JQuery. Пожалуй это один из самых компактных вариантов реализации подобного решения. Далее вы сами в этом убедитесь.

Простые вкладки на JQuery

Скачать рабочий пример

(далее…)

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

JQuery: всплывающее окно

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

Всплывающее окно на JQuery

Скачать рабочий пример

(далее…)

Опубликовано 18-04-2013 в 20:45

Слайдер на JavaScript

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

Слайдер на JavaScript

Скачать слайдер на JavaScript

(далее…)

Опубликовано 17-04-2013 в 21:31



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

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

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

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