/ Scripts & jquery / Поле Color Picker во фронтенде

Поле Color Picker во фронтенде

19.03.2023

304

Различные варианты добавления поля Color Picker во фронтенде.

Поле color HTML5

Может работать не во всех браузерах, но при этом не требует дополнительных подключений.

<label for="favcolor">Выбор цвета:</label>
<input type="color" id="favcolor" name="favcolor" value="#ff0000">

Получить данные с поля

var color = $('#favcolor').val();

Плагин jQuery MiniColors

Посмотреть Demo и скачать исходники можно тут.

Поле выглядит так, пример:

<input type="text" id="color" class="minicolors" value="#ff6161">

Инициируется так:

jQuery(document).ready(function($){
	$('.minicolors').minicolors({
		control:'wheel'
	});
});

Встроенный Color Picker WordPress

В идеале было бы хорошо подключить встроенный wp-color-picker, но сделать это у меня не получилось.

Поделиться в соц. сетях:

  • Комментарии
  • Вложения

Добавить комментарий

Пока нет комментариев. Будь первым!

Поле Color Picker во фронтенде
Шорткод вывода товаров по метке
Рекомендации для васШорткод вывода товаров по меткеOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.