Javascript скрипт "безопасных цветов" - JavaScript, Ajax

buba1 · 04.10.2010, 22:45

добрый день, ищю javascript который рисует таблицу безопасных цветов мб есть у кого

motorway · 05.10.2010, 00:17

Вот тут есть эти цвета: http://en.wikipedia.org/wiki/Web_colors
Если нужен скрипт, можете сделать на основе этого

Никки · 05.10.2010, 17:04

Сделайте скрипт сами! Это очень просто.

В таблицы могут быть использованы только цвета со значениями 0, 51, 102, 153, 204, 255 в каждой из позиции кода цвета RGB, т.е. R может быть 0, 51, 102, 153, 204, 255; G - 0, 51, 102, 153, 204, 255; B - 0, 51, 102, 153, 204, 255.

Итого 216 вариантов. Делаете цикл, перебираете все возможные цвета и выводите их как ячейки таблицы.

buba1 · 05.10.2010, 18:44

а ячейки можно на дс нарисовать или тока хтмл

motorway · 05.10.2010, 20:09

Зачем вам чисто на Яваскрипте, когда в HTML уже есть теги для таблицы?

Никки · 05.10.2010, 20:57

Как вам удобнее так и нарисуйте. Если завтра на работе будет скучно, я сделаю такой скрипт!

Никки · 06.10.2010, 07:35

Вот и всё! Делается 10 минут.

Код:

<html>
<head>
<title>Таблица безопасных цветов</title>
<script>
function getTrueTable(contID)
{
	var r = 0;
	var g = 0;
	var b = 0;
	var table = "<table width='100%'>";

	while (r <= 255)
	{
		g = 0;
		while (g <= 255)
		{
			table += "<tr>";
			b = 0;
			while (b <= 255)
			{
				table += "<td style='width:88px; height:31px; background-color: rgb("+r+","+g+","+b+"); 
                                                           color: rgb("+(255-r)+","+(255-g)+","+(255-b)+")'>
                                                     RGB("+r+","+g+","+b+")
                                             </td>";
				b += 51;
			}
			table += "</tr>";
			g += 51;
		}
		r += 51;
	}
	table += "</table>";
	document.getElementById(contID).innerHTML = table;
}
</script>
</head>
<body id="truetable">
	<input type="button" onclick="getTrueTable('truetable');" value="Хочешь таблицу правильных цветов? Тыч суда!">
</body>
</html>

arvitaly · 06.10.2010, 14:44

перенос строки нужно указывать обратным слешем "\"

buba1 · 06.10.2010, 16:14

спасибо но не соображу где у вас ошибка в коде т.к. не работает

Никки · 06.10.2010, 16:22

Цитата:

Сообщение от arvitaly

перенос строки нужно указывать обратным слешем "\"

Я выполнил перенос для удобочитаемости на форуме, иначе разползался дизайн. Переноса там быть не должно!

Цитата:

спасибо но не соображу где у вас ошибка в коде т.к. не работает

Запишите это в одну строку:

Код:

table += "<td style='width:88px; height:31px; background-color: rgb("+r+","+g+","+b+"); 
                                                           color: rgb("+(255-r)+","+(255-g)+","+(255-b)+")'>
                                                     RGB("+r+","+g+","+b+")
                                             </td>";

04.10.2010, 22:45	#1
buba1 Пользователь Регистрация: 02.10.2010 Сообщений: 17	Javascript скрипт "безопасных цветов" добрый день, ищю javascript который рисует таблицу безопасных цветов мб есть у кого

05.10.2010, 00:17	#2
motorway Участник клуба Регистрация: 28.06.2009 Сообщений: 1,950	Вот тут есть эти цвета: http://en.wikipedia.org/wiki/Web_colors Если нужен скрипт, можете сделать на основе этого Скрипты PHP, VBA. Skype:ktmtramway Расписание электричек Быстрый проверенный хостинг.

05.10.2010, 17:04	#3
Никки Форумчанин Подтвердите свой е-майл Регистрация: 20.11.2007 Сообщений: 500	Сделайте скрипт сами! Это очень просто. В таблицы могут быть использованы только цвета со значениями 0, 51, 102, 153, 204, 255 в каждой из позиции кода цвета RGB, т.е. R может быть 0, 51, 102, 153, 204, 255; G - 0, 51, 102, 153, 204, 255; B - 0, 51, 102, 153, 204, 255. Итого 216 вариантов. Делаете цикл, перебираете все возможные цвета и выводите их как ячейки таблицы. Операторы России

05.10.2010, 20:09	#5
motorway Участник клуба Регистрация: 28.06.2009 Сообщений: 1,950	Зачем вам чисто на Яваскрипте, когда в HTML уже есть теги для таблицы? Скрипты PHP, VBA. Skype:ktmtramway Расписание электричек Быстрый проверенный хостинг.

05.10.2010, 20:57	#6
Никки Форумчанин Подтвердите свой е-майл Регистрация: 20.11.2007 Сообщений: 500	Как вам удобнее так и нарисуйте. Если завтра на работе будет скучно, я сделаю такой скрипт! Операторы России

05.10.2010, 18:44	#4
buba1 Пользователь Регистрация: 02.10.2010 Сообщений: 17	а ячейки можно на дс нарисовать или тока хтмл

06.10.2010, 14:44	#8
arvitaly Пользователь Регистрация: 01.08.2010 Сообщений: 51	перенос строки нужно указывать обратным слешем "\"

06.10.2010, 16:14	#9
buba1 Пользователь Регистрация: 02.10.2010 Сообщений: 17	спасибо но не соображу где у вас ошибка в коде т.к. не работает

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как обойти "преобразование типа из "string" в "float" невозможно"	lexluter1988	Помощь студентам	1	07.08.2010 12:23
"ОКРВВЕРХ", "ОКР", "ЕСЛИ". Как бы их связать.	Каравай	Microsoft Office Excel	13	17.02.2010 09:53
при вводе на листе "магазин"- код товара появлялось "описание" товара из "склада" с "продажной ценой"	aleksei78	Microsoft Office Excel	13	25.08.2009 12:04
Нужен скрипт "суммирование" на панели инструментов	skia	Microsoft Office Excel	10	08.05.2009 09:14