在动态网站中，经常会有允许用户在客户端自定义颜色显示某些信息的情况，如留言板的颜色，这可以通过在网页中加入一个拾色器来实现，当用户单击颜色块时，弹出拾色器供选择，当用户选择完毕后，关闭拾色器，并把选中的颜色赋予颜色块，在当用户用拾色器时 还要显示该颜色的颜色值
首先，创建需要调用网页拾色器的页面，我在这里定义为 index.jsp
|
<script language="javascript">
function colorpick(field){
var rtn = window.showModalDialog("color.jsp","","dialogWidth:225px;dialogHeight:170px;status:no;help:no;scrolling=no;scrollbars=no");
if(rtn!=null)
field.style.background=rtn;
return;
}
</script>
<body>
选择颜色 ：
<input name="color" type="text" id="color" size="3" readonly="yes" style="background-color:#000000" onClick="colorpick(this);">
</body>
|
其次，建立拾色器页面 color.jsp
|
<%@ page contentType="text/html; charset=gb2312" language="java"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页拾色器</title>
</head>
<body>
<script language="JavaScript">
</script>
</body>
</html>
|
完毕，大家可以当作工具使用，以后当做某些项目的时候，比如具有UBB功能的在线论坛，网站聊天室或者网页换肤功能的时候 就可以运用本实例！ 呵呵
阅读(4037) | 评论(0) | 转发(0) |
