在color.jsp页面上先写个文本框
<input type="text" name="color" id="color" size="3" readonly="readonly" style="background-color:#000000" οnclick="colorpick(this)">
然后写个脚本
<script type="text/javascript">
function colorpick(field){
var rtn=window.showModalDialog("index.jsp","","dialogWidth:222px;dialogHeight:170px;status:no;help:no;scrolling=no;scrollbars=no");
if(rtn!=null){
field.style.background=rtn;
return;
}
}
</script>
在写个index.jsp代码如下
<script type="text/javascript">
var h=new Array(6);
h[0]="FF";
h[1]="CC";
h[2]="99";
h[3]="66";
h[4]="33";
h[5]="00";
function action(RGB){
parent.window.returnValue="#"+RGB;//传递值
window.close();
}
function Mcell(R,G,B){
///这样写便于区分不会出现错误
document.write('<td bgcolor="#'+R+G+B+'">');
var RGB=R+G+B;
var onc="action('"+RGB+"')";
var href="javascript:void(0)";
document.write('<a href='+href+' onClick='+onc+'>');
document.write('<img border=0 height=12 width=12\')" alt=\'#'+R+G+B+'\'>');
document.write('<td bgcolor="#'+R+G+B+'">');
document.write('</a>');
document.write('</td>');
}
function Mtr(R,B){
document.write('<tr>');
for(var i=0;i<6;i++){
Mcell(R,h[i],B);
}
document.write('</tr>');
}
function Mtable(B){
document.write('<table cellpadding=0 cellspacing=0 border=0>');
for(var i=0;i<6;i++){
Mtr(h[i],B);
}
document.write('</table>');
}
function Mcube(){
document.write('<table cellpadding=0 cellspacing=0 border=0><tr>');
for(var i=0;i<6;++i){
if(i%3==0){
document.write('<tr>');
}
document.write('<td bgcolor="#FFFFFF">');
Mtable(h[i]);
document.write('</td>');
}
if(i%3==0){
document.write('</tr>');
}
document.write('</tr></table>');
}
Mcube()
</script>
<input type="text" name="color" id="color" size="3" readonly="readonly" style="background-color:#000000" οnclick="colorpick(this)">
然后写个脚本
<script type="text/javascript">
function colorpick(field){
var rtn=window.showModalDialog("index.jsp","","dialogWidth:222px;dialogHeight:170px;status:no;help:no;scrolling=no;scrollbars=no");
if(rtn!=null){
field.style.background=rtn;
return;
}
}
</script>
在写个index.jsp代码如下
<script type="text/javascript">
var h=new Array(6);
h[0]="FF";
h[1]="CC";
h[2]="99";
h[3]="66";
h[4]="33";
h[5]="00";
function action(RGB){
parent.window.returnValue="#"+RGB;//传递值
window.close();
}
function Mcell(R,G,B){
///这样写便于区分不会出现错误
document.write('<td bgcolor="#'+R+G+B+'">');
var RGB=R+G+B;
var onc="action('"+RGB+"')";
var href="javascript:void(0)";
document.write('<a href='+href+' onClick='+onc+'>');
document.write('<img border=0 height=12 width=12\')" alt=\'#'+R+G+B+'\'>');
document.write('<td bgcolor="#'+R+G+B+'">');
document.write('</a>');
document.write('</td>');
}
function Mtr(R,B){
document.write('<tr>');
for(var i=0;i<6;i++){
Mcell(R,h[i],B);
}
document.write('</tr>');
}
function Mtable(B){
document.write('<table cellpadding=0 cellspacing=0 border=0>');
for(var i=0;i<6;i++){
Mtr(h[i],B);
}
document.write('</table>');
}
function Mcube(){
document.write('<table cellpadding=0 cellspacing=0 border=0><tr>');
for(var i=0;i<6;++i){
if(i%3==0){
document.write('<tr>');
}
document.write('<td bgcolor="#FFFFFF">');
Mtable(h[i]);
document.write('</td>');
}
if(i%3==0){
document.write('</tr>');
}
document.write('</tr></table>');
}
Mcube()
</script>