Javascript.RU

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

Помогите написать цикл
привет всем. Возник вопросс с циклом each в jquery.

<div id="colorSelector"><div style="background-color: #0000ff"></div></div>
<div id="colorSelector"><div style="background-color: #ff0000"></div></div>


$('#colorSelector').ColorPicker({
			color: '#0000ff',
			onShow: function (colpkr) {
				$(colpkr).fadeIn(500);
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut(500);
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				$('#colorSelector div').css('backgroundColor', '#' + hex);
				
				
			}
		});


Использую для выбора цветов плагин http://www.eyecon.ro/colorpicker/ . Наткнулся на такую проблемму, на странице используется много колор пицкеров, как перебрать их в массиве и выбранный результат возвратить в нужный <div style="background-color: #0000ff"></div> чтобы выбранный цвет сразу же подставлялся, ясное дело, что для того, чтобы плагин отличал дивы нужно прицепить унекальный id айди или стиль, но как перебрать всё и вернуть результат нужным элементам всё же не пойму. Знатоки помогите с вопроссом пожалуйста =)
Ответить с цитированием
  #2 (permalink)  
Старый 31.05.2011, 02:51
Интересующийся
Отправить личное сообщение для serhanters Посмотреть профиль Найти все сообщения от serhanters
 
Регистрация: 23.04.2011
Сообщений: 26

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

текст1  <div id="colorSelector" class="n_1"><div class="n_1" style="background-color: #0000ff"></div></div> <br>
        текст2  <div id="colorSelector" class="n_2"><div class="n_2" style="background-color: #ff0000"></div></div> <br>
         <br>
        
        
       текст3 <div id="colorSelector" class="n_3"><div class="n_3" style="background-color: rgb(123, 123, 123)"></div></div> <br>



$('#templateEditColors #colorSelector').each(function() {
	
	var idElem = $(this).attr('class');
	
		$(this).ColorPicker({
			color: '#0000ff',
			onShow: function (colpkr) {
				$(colpkr).fadeIn(500);
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut(500);
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				$('#colorSelector .'+ idElem).css('backgroundColor', '#' + hex);
				
				
			}
		});
		});
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите написать скрипт !!! Zander Элементы интерфейса 10 19.01.2012 12:40
Генератор случайных чисел. Помогите написать. Teenager Я не знаю javascript 5 05.01.2011 18:15
Помогите написать скрипт для корзины Deep Элементы интерфейса 1 19.06.2010 13:46
помогите написать аналог строки include("index.php?open=1") на js bushstas Общие вопросы Javascript 1 19.07.2009 01:48
помогите написать тесты на js Rizo Ваши сайты и скрипты 5 10.06.2009 06:00