怎样显示颜色对话框?

这里有一个，but only for IE
http://webfx.eae.net/dhtml/colorpickerscriptlets/cp.html

解决方案 »

  1.   

    js做的太长了,换这个试试<HTML>
    <HEAD>
    </HEAD>
    <body>
    <form name="WebForm1" method="post" action="webform2.aspx" id="WebForm2">
    <input type="hidden" name="__VIEWSTATE" value="dDwtMTI3OTMzNDM4NDs7PnmNbfweQnJUqaRy+RfYzgkiTrZf" /> <INPUT type="button" value="选择颜色" name="b1" onclick="callColorDlg()">
    </form>
    <SCRIPT>
    function callColorDlg()
    {
    var sColor = dlgHelper.ChooseColorDlg();
    sColor = sColor.toString(16);
    if (sColor.length < 6) 
    {
    var sTempString = "000000".substring(0,6-sColor.length);
    sColor = sTempString.concat(sColor);
    }
    alert(sColor);
    WebForm2.b1.style.color=sColor;
    }
    </SCRIPT>
    </body>
    </HTML>
     <OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px" ></OBJECT>
      

  2.   


    function callColorDlg(sInitColor){if (sInitColor == null) 
    var sColor = dlgHelper.ChooseColorDlg();
    else
    var sColor = dlgHelper.ChooseColorDlg(sInitColor);

    sColor = sColor.toString(16);

    if (sColor.length < 6) {
       var sTempString = "000000".substring(0,6-sColor.length);
       sColor = sTempString.concat(sColor);
    }
    return sColor;

    }<OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" WIDTH="0px" HEIGHT="0px" VIEWASTEXT></OBJECT>
      

  3.   

    to:hgknight(江雨.net)
    有点问题，提示错误：dlgHelper未定义
      

  4.   

    <HTML>
    <HEAD>
    <TITLE>Please choose a color... </TITLE>
    <META http-equiv=Content-Type content="text/html; charset=windows-1251">
    <STYLE>
    BODY 
    {
    BORDER-RIGHT: buttonshadow 1px solid;
    BORDER-TOP: buttonhighlight 1px solid; 
    BACKGROUND: buttonface; 
    MARGIN: 2px 5px 5px;
    BORDER-LEFT: buttonhighlight 1px solid; 
    BORDER-BOTTOM: buttonshadow 1px solid;
    overflow-y : auto;
    }
    .ColorPicker TD 
    {
    FONT-SIZE: 1px;
    CURSOR: hand; 
    HEIGHT: 22px;
    }</STYLE>
    <SCRIPT type=text/javascript>
    <!--
    var columnCount = 8;
    var colorList = new Array("aliceblue","antiquewhite","aqua","aquamarine","azure","beige","bisque","black",
    "blanchedalmond","blue","blueviolet","brown","burlywood","cadetblue","chartreuse","chocolate","coral",
    "cornflowerblue","cornsilk","crimson","cyan","darkblue","darkcyan","darkgoldenrod","darkgray","darkgreen",
    "darkkhaki","darkmagenta","darkolivegreen","darkorange","darkorchid","darkred","darksalmon","darkseagreen",
    "darkslateblue","darkslategray","darkturquoise","darkviolet","deeppink","deepskyblue","dimgray",
    "dodgerblue","firebrick","floralwhite","forestgreen","fuchsia","gainsboro","ghostwhite","gold","goldenrod",
    "gray","green","greenyellow","honeydew","hotpink","indianred","indigo","ivory","khaki","lavender",
    "lavenderblush","lawngreen","lemonchiffon","lightblue","lightcoral","lightcyan","lightgoldenrodyellow",
    "lightgreen","lightgrey","lightpink","lightsalmon","lightseagreen","lightskyblue","lightslategray",
    "lightsteelblue","lightyellow","lime","limegreen","linen","magenta","maroon","mediumaquamarine",
    "mediumblue","mediumorchid","mediumpurple","mediumseagreen","mediumslateblue","mediumspringgreen",
    "mediumturquoise","mediumvioletred","midnightblue","mintcream","mistyrose","moccasin","navajowhite","navy",
    "oldlace","olive","olivedrab","orange","orangered","orchid","palegoldenrod","palegreen","paleturquoise",
    "palevioletred","papayawhip","peachpuff","peru","pink","plum","powderblue","purple","red","rosybrown",
    "royalblue","saddlebrown","salmon","sandybrown","seagreen","seashell","sienna","silver","skyblue",
    "slateblue","slategray","snow","springgreen","steelblue","tan","teal","thistle","tomato","turquoise",
    "violet","wheat","white","whitesmoke","yellow","yellowgreen");function onOver() {
    var item = window.event.srcElement; if (item.tagName!="TD") return;
    if (item.width!=20)
    {
    var colorName = item.style.backgroundColor;
    var item=item.parentElement.parentElement.parentElement.parentElement.parentElement;
    }
    else
    {
    var table=item.getElementsByTagName("TABLE");
    var colorName=table[0].rows[0].cells[0].style.backgroundColor;
    }
    item.style.backgroundColor="#AEC6E8";
    item.style.borderColor = "black"; if (colorName != "") {

    colorBox.style.backgroundColor = colorName;
    colorBoxName.innerHTML = colorName;
    }
    }function onOut() {
    var item = window.event.fromElement;
    var colorName = item.style.backgroundColor; if (item.tagName!="TD") return;
    if (item.width!=20)
    {
    var item=item.parentElement.parentElement.parentElement.parentElement.parentElement;
    }
    item.style.backgroundColor="buttonface";
    item.style.borderColor = "buttonface";
    }function onClick()
    {
    var item = window.event.srcElement; if (item.tagName!="TD") return;
    if (item.width!=20)
    {
    var colorName = item.style.backgroundColor;
    }
    else
    {
    var table=item.getElementsByTagName("TABLE");
    var colorName=table[0].rows[0].cells[0].style.backgroundColor;
    } var parent = window.opener;
    if (parent != null)
    {
        var rtb_id=parent.<%=Request("editor") %>;
    }
    else
    {
        var parent = dialogArguments;
        var rtb_id= parent.<%=Request("editor") %>;
    } rtb_id.focus();
    rtb_id.document.execCommand('<%=Request("command")%>','',colorName);
    window.close();
    }function writeRow(ar) {
    var str = "";

    for (var i=0; i<ar.length; ) {
    str += "<tr>"
    for (var j=0; j<=columnCount && i<ar.length; j++) {
    str += "<td width=20 style='border:1px solid;border-color:buttonface;'><div style='margin-left:4px' ><table cellspacing=0 cellpadding=0 ><tr><td style='background-color: " + ar[i] + "; border: 1px outset " + ar[i] + ";width:11px;height:13px;' >";
    str += "&nbsp;</td><tr></table></div></td>\n";
    i++;
    }
    str += "</tr>\n";
    }
    return str;
    } function Resize()
    {
    window.resizeTo(220,450);
    } window.onload=Resize;
    window.onresize=Resize;

    //-->
    </SCRIPT>
    <BODY>
    <TABLE onmouseover=onOver() onclick=onClick() 
    onmouseout=onOut() cellSpacing=0 cellPadding=0 class="ColorPicker" border=0 >
      <TBODY>
      <TR>
        <TD 
        style="FONT-SIZE: 11px; CURSOR: default; FONT-FAMILY: verdana, helvetica; HEIGHT: 10px"  colSpan=15><NOBR><b>&nbsp;Font Color</b>:</NOBR></TD></TR>
      <SCRIPT>document.write(writeRow(colorList));</SCRIPT>
      </TBODY></TABLE>
    <HR>
    <TABLE>
      <TBODY>
      <TR>
        <TD id=colorBox 
        style="BORDER-RIGHT: window 1px inset; BORDER-TOP: window 1px inset; FONT-SIZE: 2px; BORDER-LEFT: window 1px inset; WIDTH: 25px; CURSOR: default; BORDER-BOTTOM: window 1px inset; HEIGHT: 25px">&nbsp;</TD>
        <TD id=colorBoxName 
        style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12px; BORDER-LEFT: 0px; CURSOR: default; BORDER-BOTTOM: 0px; FONT-FAMILY: verdana, helvetica">ColorName</TD></TR></TBODY></TABLE></BODY></HTML>这是一个选择颜色的aspx页面。用window.open或showModalDialog()调用。
      

  5.   

    http://eu.webmatrixhosting.net/hgknight/dialog.htm
    js的，查看源文件吧
      

  6.   

    to:hgknight(江雨.net)
    to:chsfly(望南山)
    谢谢两位的回答.
    顺便请教：
    颜色已取到了，怎样将取到的颜色值传给 .cs文件
      

  7.   

    存入一个hidden变量里，服务器端读取该变量