a.html
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head>
- <title>无标题页</title>
- <script type="text/javascript">
- function openstr()
- {
- window.open("b.html","","modal=yes,width=500,height=500,resizable=no,scrollbars=no");
- }
- </script>
- </head>
- <body>
- <form id="form1" name="form1" method="post" action="">
- <label>
- <select name="txtselect" id="txtselect">
- </select>
- </label>
- <label>
- <input type="button" name="Submit" value="打开子窗口" onclick="openstr()" />
- </label>
- </form>
- </body>
- </html>
b.html
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head>
- <title>无标题页</title>
- <script type="text/javascript">
- function ClickOk()
- {
- var t=document.Edit;
- var color=t.color.value;
- if(color==null||color=="填写颜色") return(false);
- var oOption = window.opener.document.createElement('OPTION');
- oOption.text=color;
- oOption.value=color;
- //检查浏览器类型
- var bname = navigator.appName;
- if (bname.search(/netscape/i) == 0)
- {
- window.opener.document.getElementById("txtselect").add(oOption);
- }
- else if (bname.search(/microsoft/i) == 0)
- {
- window.opener.document.all.txtselect.add(oOption);
- }
- else
- {
- }
- window.close();
- }
- </script>
- </head>
- <body>
- <table border="0" cellpadding="0" cellspacing="2" align="center" width="300">
- <form name="Edit" id="Edit">
- <tr>
- <td width="30" align="right" height="30">color:</td>
- <td height="30"><input type="text" id="color" value="填写颜色" /></td>
- <td width="56" align="center" height="30"><input type="button" name="bntOk" value="确认" onclick="ClickOk()" /> </td>
- </tr>
- </form>
- </table>
- </body>
- </html>
yanse.html
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>无标题文档</title>
- </head>
- <body>
- <script type="text/javascript">
- document.write("<OBJECT id=/"dlgHelper/" CLASSID=/"clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b/" width=/"0px/" height=/"0px/"></OBJECT>");
- var ocolorPopup = window.createPopup();
- var ecolorPopup=null;
- function colordialogmouseout(obj){
- obj.style.borderColor="";
- obj.bgColor="";
- }
- function colordialogmouseover(obj){
- obj.style.borderColor="#0A66EE";
- obj.bgColor="#EEEEEE";
- }
- function colordialogmousedown(color){
- ecolorPopup.value=color;
- //document.body.bgColor=color;
- ocolorPopup.document.body.blur();
- }
- function colordialogmore(){
- var sColor=dlgHelper.ChooseColorDlg(ecolorPopup.value);
- sColorsColor = sColor.toString(16);
- if (sColor.length < 6) {
- var sTempString = "000000".substring(0,6-sColor.length);
- sColor = sTempString.concat(sColor);
- }
- ecolorPopup.value="#"+sColor.toUpperCase();
- //document.body.bgColor="#"+sColor.toUpperCase();
- ocolorPopup.document.body.blur();
- }
- function colordialog(){
- var e=event.srcElement;
- e.onkeyup=colordialog;
- eecolorPopup=e;
- var ocbody;
- var oPopBody = ocolorPopup.document.body;
- var colorlist=new Array(40);
- oPopBody.style.backgroundColor = "#f9f8f7";
- oPopBody.style.border = "solid #999999 1px";
- oPopBody.style.fontSize = "12px";
- colorlist[0]="#000000"; colorlist[1]="#993300"; colorlist[2]="#333300"; colorlist[3]="#003300";
- colorlist[4]="#003366"; colorlist[5]="#000080"; colorlist[6]="#333399"; colorlist[7]="#333333";
- colorlist[8]="#800000"; colorlist[9]="#FF6600"; colorlist[10]="#808000";colorlist[11]="#008000";
- colorlist[12]="#008080";colorlist[13]="#0000FF";colorlist[14]="#666699";colorlist[15]="#808080";
- colorlist[16]="#FF0000";colorlist[17]="#FF9900";colorlist[18]="#99CC00";colorlist[19]="#339966";
- colorlist[20]="#33CCCC";colorlist[21]="#3366FF";colorlist[22]="#800080";colorlist[23]="#999999";
- colorlist[24]="#FF00FF";colorlist[25]="#FFCC00";colorlist[26]="#FFFF00";colorlist[27]="#00FF00";
- colorlist[28]="#00FFFF";colorlist[29]="#00CCFF";colorlist[30]="#993366";colorlist[31]="#CCCCCC";
- colorlist[32]="#FF99CC";colorlist[33]="#FFCC99";colorlist[34]="#FFFF99";colorlist[35]="#CCFFCC";
- colorlist[36]="#CCFFFF";colorlist[37]="#99CCFF";colorlist[38]="#CC99FF";colorlist[39]="#FFFFFF";
- ocbody = "";
- ocbody += "<table CELLPADDING=0 CELLSPACING=3>";
- ocbody += "<tr height=/"20/" width=/"20/"><td align=/"center/"><table style=/"border:1px solid #808080;/" width=/"12/" height=/"12/" bgcolor=/""+e.value+"/"><tr><td></td></tr></table></td><td bgcolor=/"eeeeee/" colspan=/"7/" style=/"font-size:12px;/" align=/"center/">当前颜色</td></tr>";
- for(var i=0;i<colorlist.length;i++){
- if(i%8==0)
- ocbody += "<tr>";
- ocbody += "<td width=/"14/" height=/"16/" style=/"border:1px solid;/" onMouseOut=/"parent.colordialogmouseout(this);/" onMouseOver=/"parent.colordialogmouseover(this);/" onMouseDown=/"parent.colordialogmousedown('"+colorlist[i]+"')/" align=/"center/" valign=/"middle/"><table style=/"border:1px solid #808080;/" width=/"12/" height=/"12/" bgcolor=/""+colorlist[i]+"/"><tr><td></td></tr></table></td>";
- if(i%8==7)
- ocbody += "</tr>";
- }
- ocbody += "<tr><td align=/"center/" height=/"22/" colspan=/"8/" onMouseOut=/"parent.colordialogmouseout(this);/" onMouseOver=/"parent.colordialogmouseover(this);/" style=/"border:1px solid;font-size:12px;cursor:default;/" onMouseDown=/"parent.colordialogmore()/">其它颜色...</td></tr>";
- ocbody += "</table>";
- oPopBody.innerHTML=ocbody;
- ocolorPopup.show(e.offsetLeft, e.offsetTop+e.offsetHeight, 158, 147, document.body);
- }
- </script>
- <input name="sel1" type="text" onfocus="colordialog()">
- </body>
- </html>