-
Простой скрипт валидации целых чисел, и чисел с плавающей точкой.
/*
Скрипт для валидации числовых полей.
Чтобы скрипт начал валидацию определенного поля,
у этого поля должен быть type="text".
По умолчанию, значение поля будет всегда сводиться к целому числу,
если нужно число с плавающей точкой, то необходимо добавить аттрибут data-number="float".
Не смотря на то, что любой data-number, ( Read more... ) -
Удобное автообновление стилей на странице.
Во время верстки, особенно, когда идет работа со стилями, очень удобно сразу видеть результат работы. Поменял значение - видишь результат на странице, без перезагрузок. Некоторые IDE предоставляют функционал подобного рода, например - LiveEdit в PhpStorm. Однако это недоступно для некоторых браузеров, и не все веб-разработчики пользуются PhpStorm ( Read more... ) -
Достаем число из строки любой сложности.
Задача - получить число из строки любой сложности, если в строке - десятичное число, нужно его достать.
Код функции:
function parseNumber(str) {
// Делим строку на двое, используя как разделитель точку или запятую.
var split = str.match(/([^.,]*)[.,]?(.*)/);
// Целая часть числа
var first = split[1].replace ( Read more... ) -
Еще парочка слабоизвестных WYSIWYG редакторов
http://innovastudio.com/LiveEditor/default.htm
Очень продвинутый, но платный.
http://jqueryte.com/demos
Похоже, не так давно появился, судя по футеру на сайте - 2013 год. -
Изменение размера картинки в процентах от оригинального размера
Если указать картинке width: 50%, то она растянется на 50% ширины родительского блока.
Для того, чтобы ширина картинки была 50% от своей начальной ширины, достаточно обернуть ее в div со стилем display: inline-block, и тогда уже указать картинке нужную ширину.
Пример.
Оригинал:
( Read more... ) -
Корректное редактирование списов в WYSIWYG
Задача: есть список, и нужна возможность редактировать этот список в WYSIWYG редакторе.
Проблема: если стереть все элементы списка, а потом начать что-то писать, все написанное будет в тэге
, и не в- , как нам нужно.
Решение: установить стиль для
в- такой же, как и у
- в этом же списке ( Read more... )
- , как нам нужно.
-
WYSIWYG-редакторы, достойные внимания
Малоразмерные и простые редакторы:
http://nicedit.com/index.php
http://premiumsoftware.net/cleditor/
http://jhollingworth.github.io/bootstrap-wysihtml5/
http://mindmup.github.io/bootstrap-wysiwyg/
http://sandbox.scriptiny.com/tinyeditor/
Золотая серединка - малый размер при большом функционале:
http://imperavi.com/redactor/
Большие редакторы:
( Read more... ) -
Перехватываем функции в яваскрипте. Хуки функций.
Предположим, нам необходимо выполнить действие перед или после выполнением определенной функции, или вообще предотвратить ее выполнение, в зависимости от условий ( Read more... ) -
Как предотвратить выделение текста в mousedown элемента, не отменяя вызовы родительских событий в JS
Предположим, у нас есть документ. У документа есть событие mousedown. Еще у нас есть DIV на странице. У него есть событие mousedown, которое может вернуть false.
Проблема: Если mousedown элемента возвращает false, то mousedown документа(и вообще всех родительских элементов) не срабатывает ( Read more... )
