Alexander's public fiddles
-
Копирование значения поля email в поле login до знака "@"
jQuery Compat (edge), HTML, CSS, JavaScript
-
Смена картинки каждые несколько секунд
jQuery 2.1.0, HTML, CSS, JavaScript
-
Копирование текста из одного блока в другой
Копируется только текст, без стилей и кода внутри блока, из которого осуществляется копирование.
-
Автовыбор textarea
No-Library (pure JS), HTML, CSS, JavaScript
-
Выпадающее горизонтальное меню
No-Library (pure JS), HTML, CSS, JavaScript
-
Вывод блока-подсказки сбоку справа
No-Library (pure JS), HTML, CSS, JavaScript
-
Плавный скролл к якорю
jQuery 2.1.0, HTML, CSS, JavaScript
-
Очистка input при клике от определённого value
No-Library (pure JS), HTML, CSS, JavaScript
-
Tooltip над ссылкой
No-Library (pure JS), HTML, CSS, JavaScript
-
Скрыть сайдбар при прокрутке страницы
При прокрутки более чем на 500px вниз скрывается сайдбар и главный блок делается на всю ширину.
-
Вернуться на предыдущую страницу
No-Library (pure JS), HTML, CSS, JavaScript
-
Активировать блок при нажатии на предыдущий (хак)
Для принятия правил как на toster.ru.
-
Показать или спрятать плавно div, изменить стиль другого при нажатии
Вообще плавное изменение div.
-
Добавить или убрать класс при нажатии
При нажатии на один блок добавляется или убирается class другого.
-
Установка rel="nofollow" всем ссылкам в блоке
Всем ссылкам, находящимся в блоке, устанавливается rel="nofollow".
-
Вставка кода в список после <li> и перед </li>
Cразу после открывающего тега списка вставить один код, и сразу перед закрывающим тегом списка - другой.
-
Размер в 100px присваивался меньшей стороне img
Картинка заполняет полностью весь имеющийся div сохраняя свои пропорции. If у img ширина > высоты, то высота становится 100px, ширина при этом пропорционально адаптируется и какая-то её часть, вылезающая за область div, не видна. If у img ширина < высоты, то ширина становится 100px, высота адаптируется... и далее по тексту.
-
Показ одного из select в зависимости от выбора в основом
Если в основном select выбран option-1, то показывается select-1, если выбран option-2, то показывается select-2. При выборе select-1 или select-2 сбрасываются (как на pan-termen).
-
Порядковый номер id дочернего блока
Дочерним блокам присваивается id="block-1" и т.п. по порядку.
-
Применять css в зависимости от value=""
Если input с момента загрузки страницы пустой (т. е. value=""), то включается определённый код CSS, а если value="содержит какой-то текст", то этот CSS не включается.