<!--- แก้ไขตำแหน่งให้แสดงแถบเลื่อนที่บรรทัดด้านล่างในตำแหน่งเลข 20 และ 210 ครับ ---> <DIV style="position: absolute; top: 20; left: 210"> <DIV id=br style="LEFT: 10px; OVERFLOW: scroll; WIDTH: 300px; SCROLLBAR-BASE-COLOR: #aa2222; POSITION: absolute; TOP: 10px; HEIGHT: 16px" onscroll="if(this.scrollLeft > 255){this.scrollLeft=255;};rojo.value=this.scrollLeft;colorfinal.style.backgroundColor='rgb('+br.scrollLeft+','+bg.scrollLeft+','+bb.scrollLeft+')';chexa.innerHTML=tohex(br.scrollLeft,bg.scrollLeft,bb.scrollLeft);"> <DIV style="WIDTH: 539px"></DIV></DIV><INPUT style="background-color:transparent;BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: 800; BORDER-LEFT-WIDTH: 0px; LEFT: 310px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 8px; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 0px" maxLength=3 size=2 value=0 name=rojo onChange="br.scrollLeft=this.value"> <DIV id=bg style="LEFT: 10px; OVERFLOW: scroll; WIDTH: 300px; SCROLLBAR-BASE-COLOR: #22aa22; POSITION: absolute; TOP: 35px; HEIGHT: 16px" onscroll="if(this.scrollLeft > 255){this.scrollLeft=255;};verde.value=this.scrollLeft;colorfinal.style.backgroundColor='rgb('+br.scrollLeft+','+bg.scrollLeft+','+bb.scrollLeft+')';chexa.innerHTML=tohex(br.scrollLeft,bg.scrollLeft,bb.scrollLeft);"> <DIV style="WIDTH: 539px"></DIV></DIV><INPUT style="background-color:transparent;BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: 800; BORDER-LEFT-WIDTH: 0px; LEFT: 310px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 33px; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 0px" maxLength=3 size=2 value=0 name=verde onChange="bg.scrollLeft=this.value"> <DIV id=bb style="LEFT: 10px; OVERFLOW: scroll; WIDTH: 300px; SCROLLBAR-BASE-COLOR: #2222aa; POSITION: absolute; TOP: 60px; HEIGHT: 16px" onscroll="if(this.scrollLeft > 255){this.scrollLeft=255;};azul.value=this.scrollLeft;colorfinal.style.backgroundColor='rgb('+br.scrollLeft+','+bg.scrollLeft+','+bb.scrollLeft+')';chexa.innerHTML=tohex(br.scrollLeft,bg.scrollLeft,bb.scrollLeft);"> <DIV style="WIDTH: 539px"></DIV></DIV><INPUT style="background-color:transparent;BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: 800; BORDER-LEFT-WIDTH: 0px; LEFT: 310px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 58px; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 0px" maxLength=3 size=2 value=0 name=azul onChange="bb.scrollLeft=this.value"> <DIV id=bt style="LEFT: 10px; OVERFLOW: scroll; WIDTH: 300px; POSITION: absolute; TOP: 85px; HEIGHT: 16px" onscroll="kk=100-this.scrollLeft;if(kk<0){kk=0};colorfinal.filters.item(0).opacity=kk;transparente.value=kk"> <DIV style="WIDTH: 539px"></DIV></DIV><INPUT style="background-color:transparent;BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: 800; BORDER-LEFT-WIDTH: 0px; LEFT: 310px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 83px; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 0px" maxLength=3 size=2 value=0 name=transparente onChange="bb.scrollLeft=this.value"> <code><span style="font-size:12pt;background-color:transparent; FONT-WEIGHT: 800; LEFT: 132px; POSITION: absolute; TOP: 118px; TEXT-ALIGN: right; BORDER-WIDTH: 1px;border-style:solid;border-color:black;padding:5px" id="chexa">#000000</span></code> <INPUT style="FONT-WEIGHT: 900; LEFT: 265px; WIDTH: 84px; FONT-FAMILY: verdana; POSITION: absolute; TOP: 111px; HEIGHT: 43px" type=button size=53 value=OK onClick="canvi(chexa.innerHTML,transparente.value)"> <SCRIPT language=JavaScript> function tohex(rojo,verde,azul){ var c="0123456789ABCDEF"; red=rojo; green=verde; blue=azul; with (Math) { num1=c.substring(floor(red/16),floor(red/16)+1); num2=c.substring(red%16,(red%16)+1); num3=c.substring(floor(green/16),floor(green/16)+1); num4=c.substring(green%16,(green%16)+1); num5=c.substring(floor(blue/16),floor(blue/16)+1); num6=c.substring(blue%16,(blue%16)+1); } final="#"+num1+num2+num3+num4+num5+num6; return(final); } function canvi(hexa,transparencia) {alert("Color: "+hexa+" Opacity: "+transparencia); } transparente.value=100; </SCRIPT> <DIV style="BORDER-WIDTH: 1px;border-style:solid;border-color:black;LEFT: 11px; WIDTH: 75px; POSITION: absolute; TOP: 111px; HEIGHT: 44px"> <TABLE id=colorfinal height="100%" width="100%" bgColor=black style="filter:alpha(opacity=100)"> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></DIV> <SCRIPT language=JavaScript> br.scrollLeft=0; bg.scrollLeft=0; bb.scrollLeft=0; </SCRIPT> </div>