Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.08.2015, 20:47
Новичок на форуме
Отправить личное сообщение для todayz Посмотреть профиль Найти все сообщения от todayz
 
Регистрация: 22.08.2015
Сообщений: 9

вывести картинку или цвет в div в зависимости от выбранного span
Доброго времени суток. Прошу меня извинить, если вопрос будет тупой. Я к сожалению плохо разбираюсь в JS, но мне понадобилась одна функция.

У меня на странице выводится 75 цветов и 22 узора для товара. Каждое значение заключено в span. Вот пример для цвета.

<a class="va-picker va-picker-color" data-attribute="pa_color" data-term="flamenko" title="Flamenko"><span class="va-picker-item va-color" style="background-color: ##ee7222;background-color: rgba(238, 114, 34, 1.00);"></span></a>
	<span class="va-picker-item va-color" style="background-color: ##ee7222;background-color: rgba(238, 114, 34, 1.00);"></span>
</a>


и пример для узора

<a class="va-picker va-picker-image" data-attribute="pa_pattern" data-term="black-elements" title="Black Elements"><img class="va-picker-item va-image" src="http://site.local/wp-content/uploads/2015/08/Black-Elements-150x150.jpg" alt="black-elements"></a>
	<img class="va-picker-item va-image" src="http://site.local/wp-content/uploads/2015/08/Black-Elements-150x150.jpg" alt="black-elements">
</a>


и мне нужно в зависимости от того, какой из 75 цветов и 22 узоров выбран вывести это в 2 отельных div элемента. Чтобы было нагдядно понятно какая цветовая комбинация выбрана клиентом.

Буду очень признателен за любую помощь.

Последний раз редактировалось todayz, 23.08.2015 в 02:16.
Ответить с цитированием
  #2 (permalink)  
Старый 23.08.2015, 14:21
Новичок на форуме
Отправить личное сообщение для Accami Посмотреть профиль Найти все сообщения от Accami
 
Регистрация: 23.08.2015
Сообщений: 3

Спасибо !
Ответить с цитированием
  #3 (permalink)  
Старый 25.08.2015, 23:58
Новичок на форуме
Отправить личное сообщение для todayz Посмотреть профиль Найти все сообщения от todayz
 
Регистрация: 22.08.2015
Сообщений: 9

Ок, тишина это хорошо, но может кто подскажет что-то...

я упростил задачу для себя. несколько дней ковырял js и вот что получилось

<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<span class="va-picker-item va-color" style="background-color:#ffffff;">ffffff</span> 
<span class="va-picker-item va-color" style="background-color:#fff000;">fff000</span>
<span class="va-picker-item va-color" style="background-color:#ffe813;background-color: rgba(255, 232, 19, 1.00);">ffe813</span>

<script type="text/javascript">
$('.va-color').live('click', function()
	{
         alert($(this).attr("style"));
	}
);
</script>


В таком виде при клике на span я получаю alert c содержанием значения style. Но он в виде: background-color:#ffffff;
А вот как добраться только до hex значения background-color?
Ответить с цитированием
  #4 (permalink)  
Старый 26.08.2015, 01:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

todayz,
$(this).text() или
$(this).css('background-color');
и взять новее jquery и забыть про live - заменить на on
и зачем
Сообщение от todayz
background-color:#ffe813;background-color
два раза???
Ответить с цитированием
  #5 (permalink)  
Старый 26.08.2015, 13:10
Новичок на форуме
Отправить личное сообщение для todayz Посмотреть профиль Найти все сообщения от todayz
 
Регистрация: 22.08.2015
Сообщений: 9

Я уже реализовал то что мне было нужно на jquery.

background-color:#ffe813;background-color

это сторонний скрипт такое выдаёт. я его всего лишь обрабатываю
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывести на печать DIV как его видно в браузере (с учетом фона с стилей) unomomento Элементы интерфейса 3 28.12.2013 00:43
Кастомный селект, чекбокс, радио vostok Ваши сайты и скрипты 0 12.08.2013 00:33
вывести html код страницы в div djonA Общие вопросы Javascript 3 13.05.2013 20:01
Как сделать, чтобы span или div исчезали и появлялись плавно? Бобр Общие вопросы Javascript 30 15.02.2011 19:44
Как определить цвет (темный он или светлый)? mouse_web Элементы интерфейса 6 22.07.2009 14:35