Цветовая пипетка на JS, 399 символов (не строк)

[andymitrich]

Хотите начать новое соревнование «напиши что-то, чаще всего бесполезное, и уложись в 400 строк кода»? :)

[frux]

тогда уж символов

[andymitrich]

упс, 400 символов, конечно же, прошу прощения.

[spmbt]

Тут в чём разница? Первый автор показал полезный скрипт на 30 строк. Из последующего потока полезного можно выделить разве что графические редакторы на C#, да и те требуют компиляции. Здесь представлен полезный (коды цветов из «безопасной» веб-палитры для копирования в буфер обмена) скрипт со всеми стилями, укладывающийся в строчек 10-15 нормального кода. Уже ничего не требующий, только браузера. Не в этом ли изначальный смысл демонстрации компактных кодов?

[imater]

Автор первой подобной статьи изобрёл DDOS Хабрахабра из 30 строк кода.

[VoVanJinn]

Прекращайте (12 симв.)

[subzey]

Молодой человек, Вы же даже не старались. Всё это прекрасно укладывается в 311 байт:

source

<script>for(var s='',h=function(a){return(a=(15-a*3).toString(16))+a},g,b,v,r=6;r--;s+='<br>')for(g=6;g--;)for(b=6;b--;s+='<b style="background:#'+v+';display:inline-block;width:8px;height:8px;border:1px solid;margin:-1px" title='+v+' onclick=prompt("","'+v+'")></b>')v=h(r)+h(g)+h(b);document.write(s)</script>

[spmbt]

Хорошо продвинулись (я специально, чтобы не все лавры себе забрать ) ). Нашёл только 1 лишний пробел, перед title.

Кстати, я подобное исследование компактного пикера собирался сделать ещё год назад, но бросил затею из-за мелкости задачи. А тут такой случай

[Agent_J]

У вас ошибка в коде, не хватает «решётки» у бэкграунд аттрибута. background-color:#'+(v=h®+h(g)+h(b))

Кстати, кроме фиддла есть и другие замечательные ресурсы
http://jsbin.com/oKIjolO/1/watch?html,output

[spmbt]

Для background-color во всех браузерах не нужна решётка (от IE6 и раньше). Решётка нужна, если писать групповой спецификатор background. Ресурсы знаю, но тоже требуют проверки на то, будет ли корректно работать тег body. Ваш пример сервиса разделил строчки промеутками из-за доктайпа. Это исправляется, но лишним кодом (стилями).

[Agent_J]

Вы, наверное, удивитесь, но есть такие штуки как спецификации.
Если браузер достаточно умён, чтобы исправить вашу ошибку — это не повод писать говнокод.
Рекомендую ознакомиться www.w3.org/TR/CSS2/syndata.html#value-def-color

[Agent_J]

оно же для css3 www.w3.org/TR/css3-color/#numerical