| |
|
|
| | Как можно через селект вывести всю цветовую палитру от #000000 до #ffffff
Т.е. типа:
<select name=color>
<option style="background-color: #123456;"> </option>
</select>
|
Используя яваскрипт естественно =) | |
| |
|
|
| |
|
|
| |
для: mistersmak
(05.11.2005 в 21:16)
| | | А вы уверены что вам это надо? Если мне не изменяет память, что цветов в палитре больше 1000 000. У вас страница не загрузится. | |
| |
|
|
| |
|
|
| |
для: Евгений Петров
(05.11.2005 в 22:05)
| | | Поэтому и спрашиваю =) | |
| |
|
|
| |
|
|
| |
для: mistersmak
(05.11.2005 в 22:44)
| | | Ау, где все? | |
| |
|
|
| |
|
|
| |
для: mistersmak
(06.11.2005 в 02:12)
| | | Гы=) | |
| |
|
|
| |
|
|
| |
для: 1999
(06.11.2005 в 02:25)
| | |
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function i2hx(i) {
i*=51;
if (i<16) return "0"+i.toString(16);
else return i.toString(16);
}
var PanelStyle = "<style>" +
"body,td {font-family:Verdana,sans-serif;font-size:11px;}" +
"form {margin-top:0px;margin-bottom:0px;}" +
"textarea,input {font-weight:normal; font-size:11px; color:#000000; font-family:Tahoma,Arial; margin-top:0px; margin-bottom:0px; border-style: solid; border-width: 1px; border-color:#666666;}" +
"</style>";
document.write("<html><head>" +
PanelStyle +
"<title>ÐáëÝôôá</title></head>" +
"<body leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0 marginwidth=0 marginheight=0><table width=\"360\" height=\"100\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td height=\"40\">" +
"</td></tr><tr><td><table width=\"360\" height=\"60\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">");
var i = 0;
for(r=0; r<6; r++){
for(g=0; g<6; g++){
for(b=0; b<6; b++){
if (i==0) document.write("<tr>");
colr = i2hx(r)+i2hx(g)+i2hx(b);
document.write("<td width=10 height=10 bgcolor=#"+colr+
"><img src=1x1.gif height=10 border=0></td>");
i++;
if (i==36) {
document.write('</tr>');
i=0;
}
}
}
}
document.write("</table></td><tr><table>");
document.write("</body><html>");
//-->
</SCRIPT>
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(06.11.2005 в 11:35)
| | | Вау! Откуда идею надыбали? С народа?
Вообше круто, но как сделать чтоб при шелчке на определенный цвет он вносился в переменную формы? | |
| |
|
|
| |
|
|
| |
для: mistersmak
(06.11.2005 в 12:08)
| | | сразу бы говорили, для чего вам нужно, а то я специально вырезала вставку в форму. нет, это не с народа. это из визуального редактора, который я переделала для создания страниц и новостных рассылок.
выкладываю то, что отрезала:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function i2hx(i) {
i*=51;
if (i<16) return "0"+i.toString(16);
else return i.toString(16);
}
var PanelStyle = "<style>" +
"body,td {font-family:Verdana,sans-serif;font-size:11px;}" +
"form {margin-top:0px;margin-bottom:0px;}" +
"textarea,input {font-weight:normal; font-size:11px; color:#000000; font-family:Tahoma,Arial; margin-top:0px; margin-bottom:0px; border-style: solid; border-width: 1px; border-color:#666666;}" +
"</style>";
document.write("<html><head>" +
PanelStyle +
"<title>ÐáëÝôôá</title></head>" +
"<body leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0 marginwidth=0 marginheight=0><table width=\"360\" height=\"100\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td height=\"40\">" +
"<form name=clr>" +
" <input type=text name=colr style=\"width:40;height:30\" readonly> " +
"<input type=text name=colr_hex style=\"width:60\" value=#ffffff>" +
"</form>" +
"</td></tr><tr><td><table width=\"360\" height=\"60\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">");
var i = 0;
for(r=0; r<6; r++){
for(g=0; g<6; g++){
for(b=0; b<6; b++){
if (i==0) document.write("<tr>");
colr = i2hx(r)+i2hx(g)+i2hx(b);
document.write("<td width=10 height=10 bgcolor=#"+colr+
" onclick=\"window.opener.EditField.execCommand('',false,'#"+colr+"');window.close();\""+
" onmouseover=\"document.forms['clr'].elements['colr'].style.background='#"+colr+"';document.forms['clr'].elements['colr_hex'].value='#"+colr+
"'\"><img src=pix/1x1.gif height=10 border=0></td>");
i++;
if (i==36) {
document.write('</tr>');
i=0;
}
}
}
}
document.write("</table></td><tr><table>");
document.write("</body><html>");
//-->
</SCRIPT>
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(06.11.2005 в 12:20)
| | | пасиба!!! | |
| |
|
|
| |
|
|
| |
для: mistersmak
(06.11.2005 в 13:24)
| | | Несколько оптимизировал предложенную elenaki палитру - убрал ненужную переменную i и укоротил генерацию hex-кода.
<SCRIPT>
function i2hx(i){return ''+[0,3,6,9,'C','F'][i]+[0,3,6,9,'C','F'][i];}
var PanelStyle = "<style>" +
"body,td {font-family:Verdana,sans-serif;font-size:11px;}" +
"form {margin-top:0px;margin-bottom:0px;}" +
"textarea,input {font-weight:normal; font-size:11px; color:#000000; font-family:Tahoma,Arial; margin-top:0px; margin-bottom:0px; border-style: solid; border-width: 1px; border-color:#666666;}" + "</style>";
d=document;
d.write("<html><head>"+PanelStyle+"<title>Vybor cvetov</title></head>" +
"<body leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0 marginwidth=0 marginheight=0><table width=\"360\" height=\"100\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td height=\"40\">" +
"<form name=clr>" +
" <input type=text name=colr style=\"width:40;height:30\" readonly value=12> " +
"<input type=text name=colr_hex style=\"width:60\" value=#FFFFFF>" +
"</form>" +
"</td></tr><tr><td><table width=\"360\" height=\"60\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">");
for(r=0; r<6; r++){d.write("<tr>");for(g=0; g<6; g++){for(b=0; b<6; b++){
d.write("<td width=10 height=10 bgcolor=#"+(colr=i2hx(r)+i2hx(g)+i2hx(b))+
" onclick=\"window.opener.EditField.execCommand('',false,'#"+colr+"');window.close();\""+
" onmouseover=\"document.forms['clr'].elements['colr'].style.background='#"+colr+"';document.forms['clr'].elements['colr_hex'].value='#"+colr+
"'\"><img src=pix/1.gif height=10 border=0></td>");
}}d.write('</tr>');}
d.write("</table></td><tr><table></body><html>");
</SCRIPT>
|
| |
| |
|
|
| |
|
|
| |
для: 12345
(06.11.2005 в 14:06)
| | | Если мышку двигать после того как цветовой код выбран - он сбивается на тот по кот. мыша проехала ...
Так надо или можно зафиксировать выбранное значение. | |
| |
|
|
| |
|
|
| |
для: oppo
(11.11.2005 в 05:38)
| | | как было задумано в редакторе - по выбранному цвету надо щелкнуть и тогда его код
занесется в стили того, к чему относился цвет - текста или фона. | |
| |
|
|
| |
|
|
| |
для: elenaki
(11.11.2005 в 09:04)
| | | А как зафиксировать значение??? | |
| |
|
|
