51 lines
3.1 KiB
JavaScript
Executable File
51 lines
3.1 KiB
JavaScript
Executable File
var ColorSelecter = new Object();
|
|
|
|
ColorSelecter.Show = function(sender)
|
|
{
|
|
if(ColorSelecter.box)
|
|
{
|
|
if (ColorSelecter.box.style.display = "none")
|
|
ColorSelecter.box.style.display = "";
|
|
}
|
|
else
|
|
{
|
|
ColorSelecter.box = document.createElement("Div");
|
|
ColorSelecter.box.id = "ColorSelectertBox";
|
|
var table = "<table width='93' border='1' cellpadding='0' cellspacing='0' bordercolor='#BDBBBC' style='border:2px #C5D9FE solid'><tr><td bgcolor='#FFFFFF'> </td><td bgcolor='#C0C0C0'> </td><td bgcolor='#969696'> </td><td bgcolor='#808080'> </td><td bgcolor='#333333'> </td></tr><tr><td bgcolor='#CC99FE'> </td><td bgcolor='#993365'> </td><td bgcolor='#81007F'> </td><td bgcolor='#6766CC'> </td><td bgcolor='#343399'> </td></tr><tr><td bgcolor='#BBBBBB'> </td><td bgcolor='#00CCFF'> </td><td bgcolor='#3366FF'> </td><td bgcolor='#0000FE'> </td><td bgcolor='#010080'> </td></tr><tr><td bgcolor='#CDFFFF'> </td><td bgcolor='#01FFFF'> </td><td bgcolor='#33CBCC'> </td><td bgcolor='#008081'> </td><td bgcolor='#003265'> </td></tr><tr><td bgcolor='#CDFFCC'> </td><td bgcolor='#00FF01'> </td><td bgcolor='#339967'> </td><td bgcolor='#008002'> </td><td bgcolor='#013300'> </td></tr><tr><td bgcolor='#FFFE99'> </td><td bgcolor='#FFFE03'> </td><td bgcolor='#99CD00'> </td><td bgcolor='#807F01'> </td><td bgcolor='#333301'> </td></tr><tr><td bgcolor='#FFCB99'> </td><td bgcolor='#FFCD00'> </td><td bgcolor='#FF9900'> </td><td bgcolor='#FD6600'> </td><td bgcolor='#993400'> </td></tr><tr><td bgcolor='#FF99CB'> </td><td bgcolor='#FF00FE'> </td><td bgcolor='#FE0000'> </td><td bgcolor='#800000'> </td><td bgcolor='#000000'> </td></tr><tr><td align='center' colspan='5'><font style='cursor:default'>" + cancel_color + "</font></td></tr></table>";
|
|
ColorSelecter.box.innerHTML = table;
|
|
document.body.appendChild(ColorSelecter.box);
|
|
var myTable = ColorSelecter.box.childNodes[0];
|
|
for (var i = 0; i<myTable.rows.length; i++)
|
|
{
|
|
for (var j = 0; j < myTable.rows[i].cells.length; j++)
|
|
{
|
|
myTable.rows[i].cells[j].style.border = "#BDBBBC 1px solid";
|
|
myTable.rows[i].cells[j].onmousemove = function()
|
|
{
|
|
this.style.border = "#fff 1px solid";
|
|
}
|
|
myTable.rows[i].cells[j].onmouseout = function()
|
|
{
|
|
this.style.border = "#BDBBBC 1px solid";
|
|
}
|
|
myTable.rows[i].cells[j].onmousedown = function()
|
|
{
|
|
document.getElementById("font_color").style.backgroundColor = this.bgColor;
|
|
document.getElementById("goods_name_color").value = this.bgColor;
|
|
document.getElementsByName("goods_name").item(0).style.color = this.bgColor;
|
|
ColorSelecter.box.style.display = "none";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
var pos = getPosition(sender);
|
|
ColorSelecter.box.style.top = pos.top + 18 + "px";
|
|
ColorSelecter.box.style.left = pos.left + "px";
|
|
|
|
document.onmousedown = function()
|
|
{
|
|
ColorSelecter.box.style.display = "none";
|
|
}
|
|
|
|
}
|