说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

如何在网页上实现windows风格的颜色选择器?

编辑:说三道四文库 发布时间:2018-06-24 07:31
HTML文档下载 WORD文档下载 PDF文档下载
http://community.csdn.net/Expert/topic/3110/3110727.xml?temp=1.522243E-03

 net_lover(孟子E章) 他指的控件哪里有的下呀?应该怎么使用的?

大家有没有好的能够实现windows风格的颜色选择器javascript代码?
直接用CommonDialog控件
或者ExecWB()都可以
<body onload="Init()">
<object id=dlgHelper classid="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px">
</object>
<object classid="clsid:5220cb21-c88d-11cf-b347-00aa00a28331">
<PARAM NAME="LPKPath" VALUE="comdlg.lpk">
</object>
<object id="cDialog" width="0px" height="0px" classid="clsid:F9043C85-F6F2-101A-A3C9-08002B2F49FB" codebase="http://activex.microsoft.com/controls/vb5/comdlg32.cab">
</object>
<label id=z>字体:</label><select id=zt style="width:200" onchange="z.style.fontFamily = this.options[this.selectedIndex].text"></select><br>
<label id=l1>颜色:</label><input type=button onclick="changeColor();" value="chage color">
<label>信息:</label><textarea id=xx style="background-color:red;width:100;height:100">nothing</textarea><input type=button value=save onclick="saveDoc()"><input type=button value=load onclick="loadDoc()">
<input type=button value=printer onclick="print()">
<script>
function Init()
{
var i=dlgHelper.fonts.count;
var opt="";
for(var j=1;j<i;j++)
{
opt+="<option>"+dlgHelper.fonts(j)+"</option>";
var o=document.createElement("option");
zt.insertAdjacentElement("afterBegin",o);
o.text=dlgHelper.fonts(j);
}

}
function changeColor(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);
}
l1.style.backgroundColor=sColor;
}
function loadDoc()
{
cDialog.CancelError=true;
    try{
    cDialog.Filter="HTM Files (*.htm)|*.htm|Text Files (*.txt)|*.txt";
     cDialog.ShowOpen();
    var fso=new ActiveXObject("Scripting.FileSystemObject");
    var reading=1;
    var f=fso.OpenTextFile(cDialog.filename,reading);
    alert(f);
    var r=f.ReadAll();
    f.close();
    xx.value=r;
    }catch(e){}
}
function saveDoc()
{
cDialog.CancelError=true;
   try{
   cDialog.Filter="HTM Files (*.htm)|*.htm|Text Files (*.txt)|*.txt";
   cDialog.ShowSave();
   var fso=new ActiveXObject("Scripting.FileSystemObject");
   var f=fso.CreateTextFile(cDialog.filename,true);
   f.write(xx.value);
   f.Close();
   }
   catch(e){}
}
function print()
{
try{
cDialog.CancelError=true;
cDialog.ShowPrinter();
}catch(e){}
}
</script>
</body>
好像讲了没讲样,
我都不知道哪里去找你们所说的组件了

clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b

这个组件哪里有的载?

不用下载,允许执行即可
晕,原来clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b 要放在<body></body>中间的,怪不得我运行的时候都找不到对象
学习
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘