Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.10.2012, 16:48
Интересующийся
Отправить личное сообщение для Серджио Посмотреть профиль Найти все сообщения от Серджио
 
Регистрация: 05.10.2012
Сообщений: 17

Создание разноцветного списка
Я новичок! Подскажите как на javascript создать список элементы которого имеют разный цвет фона?
Ответить с цитированием
  #2 (permalink)  
Старый 06.10.2012, 23:56
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

задать им разный цвет фона
Ответить с цитированием
  #3 (permalink)  
Старый 07.10.2012, 00:35
Интересующийся
Отправить личное сообщение для Серджио Посмотреть профиль Найти все сообщения от Серджио
 
Регистрация: 05.10.2012
Сообщений: 17

задан массив RGB- кодов цветов. Требуется создать список, каждый элемент которого закрашивается соответствующим цветом из этого массива. (1элемент - 1цветом, 2элемент - 2м и т.д.)
Ответить с цитированием
  #4 (permalink)  
Старый 07.10.2012, 00:39
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

ну в цикле и задать li[i].style.background = mas[i]
Ответить с цитированием
  #5 (permalink)  
Старый 07.10.2012, 21:16
Интересующийся
Отправить личное сообщение для Серджио Посмотреть профиль Найти все сообщения от Серджио
 
Регистрация: 05.10.2012
Сообщений: 17

<script type="text/javascript">
function go() {
var arr = ["Samantha","Daisy","Lady","Oreo","Fluffy","Pepper" ,"Kitty","Misty","Duke","Sam","Simba","Sophie","Lu cky","Bella",
"Shadow","Charlie","Molly","Lucy","Boots","Taz","C hloe","Jake","Baby","Patch","Cody","Rocky","Abby", "Sassy","Casey","Coco",
"Brandy","Sandy","Harley","Spike","Max","Sasha","K atie","Sunny","Oliver","Tigger","Maggie","Missy"," Smokey","Sadie","Bailey",
"Tiger","Midnight","Bear","Buster","Murphy","Dakot a","Buddy","Sammy","Oscar","Princess","Bandit","To by","Precious","Ginger",
"Gizmo","Angel","Annie","Jack","Rusty"];
var clr = ["564785","A65999","855E47","674785","ACB1D2","4749 85","B9D2AC","5994A6","478549","8FA659","B77AB8"," 5E59A6",
"B2ACD2","47857C","B87AA8","A65984","B88B7A","8547 4D","597FA6","B8AD7A","65A659","9E59A6","788547"," 47856B","47855A",
"856F47","A6596E","A66759","C4D2AC","A69259","7AA6 59","477C85","A67D59","858047","7359A6","A67AB8"," ACD2CA","BDACD2",
"CED2AC","678547","ACD2BF","475A85","59A663","AED2 AC","59A68D","ACBBD2","A5A659","568547","85475E"," 59A678","784785",
"59A6A2","ACD2B4","476B85","B87A97","ACC6D2","B89C 7A","596AA6","854D47","ACD1D2","8859A6","85476F"," 854780","B87A86"];
var count = arr.length;
var oc=document.getElementById('container');
var os=document.createElement('select');
os.size=30;
os.name="Item";


var i,op;
for (i=0; i<count; i++) {

op = document.createElement('option');



op.innerHTML=arr[i];
os.appendChild(op);


};
oc.appendChild(os);
//alert(oc.innerHTML);
};
//-->

</script>

А вот в таком варианте не срабатывает почему то? Когда задаю цвет из массива.
Ответить с цитированием
  #6 (permalink)  
Старый 07.10.2012, 21:19
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

[html run]
http://javascript.ru/formatting
Ответить с цитированием
  #7 (permalink)  
Старый 07.10.2012, 22:02
Аватар для lord2kim
Профессор
Отправить личное сообщение для lord2kim Посмотреть профиль Найти все сообщения от lord2kim
 
Регистрация: 03.05.2011
Сообщений: 848

Серджио, вы нигде не задаете цвет из массива...только текст элементов списка
<script type="text/javascript">
function go() {
	var arr = ["Samantha","Daisy","Lady","Oreo","Fluffy","Pepper" ,"Kitty","Misty","Duke","Sam","Simba","Sophie","Lu cky","Bella",
	"Shadow","Charlie","Molly","Lucy","Boots","Taz","C hloe","Jake","Baby","Patch","Cody","Rocky","Abby", "Sassy","Casey","Coco",
	"Brandy","Sandy","Harley","Spike","Max","Sasha","K atie","Sunny","Oliver","Tigger","Maggie","Missy"," Smokey","Sadie","Bailey",
	"Tiger","Midnight","Bear","Buster","Murphy","Dakot a","Buddy","Sammy","Oscar","Princess","Bandit","To by","Precious","Ginger",
	"Gizmo","Angel","Annie","Jack","Rusty"];
	var clr = ["564785","A65999","855E47","674785","ACB1D2","474985","B9D2AC","5994A6","478549","8FA659","B77AB8","5E59A6",
	"B2ACD2","47857C","B87AA8","A65984","B88B7A","85474D","597FA6","B8AD7A","65A659","9E59A6","788547","47856B","47855A",
	"856F47","A6596E","A66759","C4D2AC","A69259","7AA659","477C85","A67D59","858047","7359A6","A67AB8","ACD2CA","BDACD2",
	"CED2AC","678547","ACD2BF","475A85","59A663","AED2AC","59A68D","ACBBD2","A5A659","568547","85475E","59A678","784785",
	"59A6A2","ACD2B4","476B85","B87A97","ACC6D2","B89C7A","596AA6","854D47","ACD1D2","8859A6","85476F","854780","B87A86"];
	var count = arr.length, oc = document.getElementById('container'), os = document.createElement('select');
	os.size=30;
	os.name="Item";
	var op;
	for (i=0; i<count; i++) {
		op = document.createElement('option');
		op.style.backgroundColor = "#"+clr[i];
		op.innerHTML = arr[i];
		os.appendChild(op);
	}
	oc.appendChild(os);
}
</script>
<div id="container"></div><input type="button" onClick="go()" value="click">

Последний раз редактировалось lord2kim, 07.10.2012 в 22:04.
Ответить с цитированием
  #8 (permalink)  
Старый 08.10.2012, 00:46
Интересующийся
Отправить личное сообщение для Серджио Посмотреть профиль Найти все сообщения от Серджио
 
Регистрация: 05.10.2012
Сообщений: 17

Спасибо большое всем!!!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
самозакрывающееся меню в виде списка о_О dimitar Элементы интерфейса 4 20.03.2012 15:27
Динамическое добавление выпадающего списка В IE stepennwolf Internet Explorer 3 04.11.2011 17:36
Динамическое создание списка <select> и обработка события двойного клика Kitana Элементы интерфейса 2 03.09.2011 17:23
Заполнить список значениями из динамически созданного выпадающего списка zhuzha Элементы интерфейса 0 17.08.2010 14:40
Sortable, два связанных списка. Как один из них сделать неизменяемым? kvecxjo jQuery 1 30.03.2010 03:15