js的网页颜色拾色器

最新推荐文章于 2020-06-22 08:51:53 发布

转载最新推荐文章于 2020-06-22 08:51:53 发布 · 1.8k 阅读

文章标签：

#javascript #textbox #function #border #action #server

Javascript 专栏收录该内容

5 篇文章

订阅专栏

本例中只使用216种安全颜色,即所谓的netscape色块,这216种颜色代表0,51,102,153,204这五个颜色值以及每一种原色(红,绿,蓝).在实现网页拾色器时,需要应用JavaScript的数组,

新建一个页面,添加一个TextBox控件,并为此控件设定自定义onClick事件,并调用JavaScript函数colorpick(),代码如下:
<asp:TextBox ID="TextBox1" runat="server" readonly="true" size="3" style="background-color:#000000"  Width="67px" Height="13px" onClick="colorpick(this)"></asp:TextBox>

自定义JavaScript函数代码如下:
<script language="javascript">
function colorpick(field){
   var rtn = window.showModalDialog("Default2.aspx","","dialogWidth:225px;dialogHeight:170px;status:no;help:no;scrolling=no;scrollbars=no");
   if(rtn!=null)
    field.style.background=rtn;
    return;
   }
</script>

上面函数调用的Default2.aspx的HTML代码如下:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
<script language="JavaScript">



</script>

</body>
</html>