JavaScript разное: Color Cube

Начало Разное Color Cube (Source)

Вот кодирование, которое необходимо, чтобы поместить colorCube на Вашем сайте. Есть 3 страницы и изображение, убедиться, что получили их все

Save this image to your web site directory as: cube.gif

JavaScript разное: Color Cube (colorcube.html)


  <HEAD> <! > <! > </HEAD>  <BODY> <FRAMESET COLS="45%,*" BORDER=0 FRAMEBORDER=0> <FRAME SRC="color-cubel.html" SCROLLING="AUTO" NAME="left"> <FRAME SRC="color-cuber.html" SCROLLING="AUTO" MARGINWIDTH=25 MARGINHEIGHT=13 NAME="right"> </FRAMESET> </FRAMESET>  

JavaScript разное Color Cube (colorcubel.html)

  <HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD>  <BODY> <MAP NAME="map_webpal">  <AREA COORDS="2,2,18,18" HREF="javascript:SendColor('#330000')"> <AREA COORDS="18,2,34,18" HREF="javascript:SendColor('#333300')"> <AREA COORDS="34,2,50,18" HREF="javascript:SendColor('#336600')"> <AREA COORDS="50,2,66,18" HREF="javascript:SendColor('#339900')"> <AREA COORDS="66,2,82,18" HREF="javascript:SendColor('#33CC00')"> <AREA COORDS="82,2,98,18" HREF="javascript:SendColor('#33FF00')"> <AREA COORDS="98,2,114,18" HREF="javascript:SendColor('#66FF00')"> <AREA COORDS="114,2,130,18" HREF="javascript:SendColor('#66CC00')"> <AREA COORDS="130,2,146,18" HREF="javascript:SendColor('#669900')"> <AREA COORDS="146,2,162,18" HREF="javascript:SendColor('#666600')"> <AREA COORDS="162,2,178,18" HREF="javascript:SendColor('#663300')"> <AREA COORDS="178,2,194,18" HREF="javascript:SendColor('#660000')"> <AREA COORDS="194,2,210,18" HREF="javascript:SendColor('#FF0000')"> <AREA COORDS="210,2,226,18" HREF="javascript:SendColor('#FF3300')"> <AREA COORDS="226,2,242,18" HREF="javascript:SendColor('#FF6600')"> <AREA COORDS="242,2,258,18" HREF="javascript:SendColor('#FF9900')"> <AREA COORDS="258,2,274,18" HREF="javascript:SendColor('#FFCC00')"> <AREA COORDS="274,2,290,18" HREF="javascript:SendColor('#FFFF00')">  <AREA COORDS="2,18,18,34" HREF="javascript:SendColor('#330033')"> <AREA COORDS="18,18,34,34" HREF="javascript:SendColor('#333333')"> <AREA COORDS="34,18,50,34" HREF="javascript:SendColor('#336633')"> <AREA COORDS="50,18,66,34" HREF="javascript:SendColor('#339933')"> <AREA COORDS="66,18,82,34" HREF="javascript:SendColor('#33CC33')"> <AREA COORDS="82,18,98,34" HREF="javascript:SendColor('#33FF33')"> <AREA COORDS="98,18,114,34" HREF="javascript:SendColor('#66FF33')"> <AREA COORDS="114,18,130,34" HREF="javascript:SendColor('#66CC33')"> <AREA COORDS="130,18,146,34" HREF="javascript:SendColor('#669933')"> <AREA COORDS="146,18,162,34" HREF="javascript:SendColor('#666633')"> <AREA COORDS="162,18,178,34" HREF="javascript:SendColor('#663333')"> <AREA COORDS="178,18,194,34" HREF="javascript:SendColor('#660033')"> <AREA COORDS="194,18,210,34" HREF="javascript:SendColor('#FF0033')"> <AREA COORDS="210,18,226,34" HREF="javascript:SendColor('#FF3333')"> <AREA COORDS="226,18,242,34" HREF="javascript:SendColor('#FF6633')"> <AREA COORDS="242,18,258,34" HREF="javascript:SendColor('#FF9933')"> <AREA COORDS="258,18,274,34" HREF="javascript:SendColor('#FFCC33')"> <AREA COORDS="274,18,290,34" HREF="javascript:SendColor('#FFFF33')">  <AREA COORDS="2,34,18,50" HREF="javascript:SendColor('#330066')"> <AREA COORDS="18,34,34,50" HREF="javascript:SendColor('#333366')"> <AREA COORDS="34,34,50,50" HREF="javascript:SendColor('#336666')"> <AREA COORDS="50,34,66,50" HREF="javascript:SendColor('#339966')"> <AREA COORDS="66,34,82,50" HREF="javascript:SendColor('#33CC66')"> <AREA COORDS="82,34,98,50" HREF="javascript:SendColor('#33FF66')"> <AREA COORDS="98,34,114,50" HREF="javascript:SendColor('#66FF66')"> <AREA COORDS="114,34,130,50" HREF="javascript:SendColor('#66CC66')"> <AREA COORDS="130,34,146,50" HREF="javascript:SendColor('#669966')"> <AREA COORDS="146,34,162,50" HREF="javascript:SendColor('#666666')"> <AREA COORDS="162,34,178,50" HREF="javascript:SendColor('#663366')"> <AREA COORDS="178,34,194,50" HREF="javascript:SendColor('#660066')"> <AREA COORDS="194,34,210,50" HREF="javascript:SendColor('#FF0066')"> <AREA COORDS="210,34,226,50" HREF="javascript:SendColor('#FF3366')"> <AREA COORDS="226,34,242,50" HREF="javascript:SendColor('#FF6666')"> <AREA COORDS="242,34,258,50" HREF="javascript:SendColor('#FF9966')"> <AREA COORDS="258,34,274,50" HREF="javascript:SendColor('#FFCC66')"> <AREA COORDS="274,34,290,50" HREF="javascript:SendColor('#FFFF66')">  <AREA COORDS="2,50,18,66" HREF="javascript:SendColor('#330099')"> <AREA COORDS="18,50,34,66" HREF="javascript:SendColor('#333399')"> <AREA COORDS="34,50,50,66" HREF="javascript:SendColor('#336699')"> <AREA COORDS="50,50,66,66" HREF="javascript:SendColor('#339999')"> <AREA COORDS="66,50,82,66" HREF="javascript:SendColor('#33CC99')"> <AREA COORDS="82,50,98,66" HREF="javascript:SendColor('#33FF99')"> <AREA COORDS="98,50,114,66" HREF="javascript:SendColor('#66FF99')"> <AREA COORDS="114,50,130,66" HREF="javascript:SendColor('#66CC99')"> <AREA COORDS="130,50,146,66" HREF="javascript:SendColor('#669999')"> <AREA COORDS="146,50,162,66" HREF="javascript:SendColor('#666699')"> <AREA COORDS="162,50,178,66" HREF="javascript:SendColor('#663399')"> <AREA COORDS="178,50,194,66" HREF="javascript:SendColor('#660099')"> <AREA COORDS="194,50,210,66" HREF="javascript:SendColor('#FF0099')"> <AREA COORDS="210,50,226,66" HREF="javascript:SendColor('#FF3399')"> <AREA COORDS="226,50,242,66" HREF="javascript:SendColor('#FF6699')"> <AREA COORDS="242,50,258,66" HREF="javascript:SendColor('#FF9999')"> <AREA COORDS="258,50,274,66" HREF="javascript:SendColor('#FFCC99')"> <AREA COORDS="274,50,290,66" HREF="javascript:SendColor('#FFFF99')">  <AREA COORDS="2,66,18,82" HREF="javascript:SendColor('#3300CC')"> <AREA COORDS="18,66,34,82" HREF="javascript:SendColor('#3333CC')"> <AREA COORDS="34,66,50,82" HREF="javascript:SendColor('#3366CC')"> <AREA COORDS="50,66,66,82" HREF="javascript:SendColor('#3399CC')"> <AREA COORDS="66,66,82,82" HREF="javascript:SendColor('#33CCCC')"> <AREA COORDS="82,66,98,82" HREF="javascript:SendColor('#33FFCC')"> <AREA COORDS="98,66,114,82" HREF="javascript:SendColor('#66FFCC')"> <AREA COORDS="114,66,130,82" HREF="javascript:SendColor('#66CCCC')"> <AREA COORDS="130,66,146,82" HREF="javascript:SendColor('#6699CC')"> <AREA COORDS="146,66,162,82" HREF="javascript:SendColor('#6666CC')"> <AREA COORDS="162,66,178,82" HREF="javascript:SendColor('#6633CC')"> <AREA COORDS="178,66,194,82" HREF="javascript:SendColor('#6600CC')"> <AREA COORDS="194,66,210,82" HREF="javascript:SendColor('#FF00CC')"> <AREA COORDS="210,66,226,82" HREF="javascript:SendColor('#FF33CC')"> <AREA COORDS="226,66,242,82" HREF="javascript:SendColor('#FF66CC')"> <AREA COORDS="242,66,258,82" HREF="javascript:SendColor('#FF99CC')"> <AREA COORDS="258,66,274,82" HREF="javascript:SendColor('#FFCCCC')"> <AREA COORDS="274,66,290,82" HREF="javascript:SendColor('#FFFFCC')">  <AREA COORDS="2,82,18,98" HREF="javascript:SendColor('#3300FF')"> <AREA COORDS="18,82,34,98" HREF="javascript:SendColor('#3333FF')"> <AREA COORDS="34,82,50,98" HREF="javascript:SendColor('#3366FF')"> <AREA COORDS="50,82,66,98" HREF="javascript:SendColor('#3399FF')"> <AREA COORDS="66,82,82,98" HREF="javascript:SendColor('#33CCFF')"> <AREA COORDS="82,82,98,98" HREF="javascript:SendColor('#33FFFF')"> <AREA COORDS="98,82,114,98" HREF="javascript:SendColor('#66FFFF')"> <AREA COORDS="114,82,130,98" HREF="javascript:SendColor('#66CCFF')"> <AREA COORDS="130,82,146,98" HREF="javascript:SendColor('#6699FF')"> <AREA COORDS="146,82,162,98" HREF="javascript:SendColor('#6666FF')"> <AREA COORDS="162,82,178,98" HREF="javascript:SendColor('#6633FF')"> <AREA COORDS="178,82,194,98" HREF="javascript:SendColor('#6600FF')"> <AREA COORDS="194,82,210,98" HREF="javascript:SendColor('#FF00FF')"> <AREA COORDS="210,82,226,98" HREF="javascript:SendColor('#FF33FF')"> <AREA COORDS="226,82,242,98" HREF="javascript:SendColor('#FF66FF')"> <AREA COORDS="242,82,258,98" HREF="javascript:SendColor('#FF99FF')"> <AREA COORDS="258,82,274,98" HREF="javascript:SendColor('#FFCCFF')"> <AREA COORDS="274,82,290,98" HREF="javascript:SendColor('#FFFFFF')">  <AREA COORDS="2,98,18,114" HREF="javascript:SendColor('#0000FF')"> <AREA COORDS="18,98,34,114" HREF="javascript:SendColor('#0033FF')"> <AREA COORDS="34,98,50,114" HREF="javascript:SendColor('#0066FF')"> <AREA COORDS="50,98,66,114" HREF="javascript:SendColor('#0099FF')"> <AREA COORDS="66,98,82,114" HREF="javascript:SendColor('#00CCFF')"> <AREA COORDS="82,98,98,114" HREF="javascript:SendColor('#00FFFF')"> <AREA COORDS="98,98,114,114" HREF="javascript:SendColor('#99FFFF')"> <AREA COORDS="114,98,130,114" HREF="javascript:SendColor('#99CCFF')"> <AREA COORDS="130,98,146,114" HREF="javascript:SendColor('#9999FF')"> <AREA COORDS="146,98,162,114" HREF="javascript:SendColor('#9966FF')"> <AREA COORDS="162,98,178,114" HREF="javascript:SendColor('#9933FF')"> <AREA COORDS="178,98,194,114" HREF="javascript:SendColor('#9900FF')"> <AREA COORDS="194,98,210,114" HREF="javascript:SendColor('#CC00FF')"> <AREA COORDS="210,98,226,114" HREF="javascript:SendColor('#CC33FF')"> <AREA COORDS="226,98,242,114" HREF="javascript:SendColor('#CC66FF')"> <AREA COORDS="242,98,258,114" HREF="javascript:SendColor('#CC99FF')"> <AREA COORDS="258,98,274,114" HREF="javascript:SendColor('#CCCCFF')"> <AREA COORDS="274,98,290,114" HREF="javascript:SendColor('#CCFFFF')">  <AREA COORDS="2,114,18,130" HREF="javascript:SendColor('#0000CC')"> <AREA COORDS="18,114,34,130" HREF="javascript:SendColor('#0033CC')"> <AREA COORDS="34,114,50,130" HREF="javascript:SendColor('#0066CC')"> <AREA COORDS="50,114,66,130" HREF="javascript:SendColor('#0099CC')"> <AREA COORDS="66,114,82,130" HREF="javascript:SendColor('#00CCCC')"> <AREA COORDS="82,114,98,130" HREF="javascript:SendColor('#00FFCC')"> <AREA COORDS="98,114,114,130" HREF="javascript:SendColor('#99FFCC')"> <AREA COORDS="114,114,130,130" HREF="javascript:SendColor('#99CCCC')"> <AREA COORDS="130,114,146,130" HREF="javascript:SendColor('#9999CC')"> <AREA COORDS="146,114,162,130" HREF="javascript:SendColor('#9966CC')"> <AREA COORDS="162,114,178,130" HREF="javascript:SendColor('#9933CC')"> <AREA COORDS="178,114,194,130" HREF="javascript:SendColor('#9900CC')"> <AREA COORDS="194,114,210,130" HREF="javascript:SendColor('#CC00CC')"> <AREA COORDS="210,114,226,130" HREF="javascript:SendColor('#CC33CC')"> <AREA COORDS="226,114,242,130" HREF="javascript:SendColor('#CC66CC')"> <AREA COORDS="242,114,258,130" HREF="javascript:SendColor('#CC99CC')"> <AREA COORDS="258,114,274,130" HREF="javascript:SendColor('#CCCCCC')"> <AREA COORDS="274,114,290,130" HREF="javascript:SendColor('#CCFFCC')">  <AREA COORDS="2,130,18,146" HREF="javascript:SendColor('#000099')"> <AREA COORDS="18,130,34,146" HREF="javascript:SendColor('#003399')"> <AREA COORDS="34,130,50,146" HREF="javascript:SendColor('#006699')"> <AREA COORDS="50,130,66,146" HREF="javascript:SendColor('#009999')"> <AREA COORDS="66,130,82,146" HREF="javascript:SendColor('#00CC99')"> <AREA COORDS="82,130,98,146" HREF="javascript:SendColor('#00FF99')"> <AREA COORDS="98,130,114,146" HREF="javascript:SendColor('#99FF99')"> <AREA COORDS="114,130,130,146" HREF="javascript:SendColor('#99CC99')"> <AREA COORDS="130,130,146,146" HREF="javascript:SendColor('#999999')"> <AREA COORDS="146,130,162,146" HREF="javascript:SendColor('#996699')"> <AREA COORDS="162,130,178,146" HREF="javascript:SendColor('#993399')"> <AREA COORDS="178,130,194,146" HREF="javascript:SendColor('#990099')"> <AREA COORDS="194,130,210,146" HREF="javascript:SendColor('#CC0099')"> <AREA COORDS="210,130,226,146" HREF="javascript:SendColor('#CC3399')"> <AREA COORDS="226,130,242,146" HREF="javascript:SendColor('#CC6699')"> <AREA COORDS="242,130,258,146" HREF="javascript:SendColor('#CC9999')"> <AREA COORDS="258,130,274,146" HREF="javascript:SendColor('#CCCC99')"> <AREA COORDS="274,130,290,146" HREF="javascript:SendColor('#CCFF99')">  <AREA COORDS="2,146,18,162" HREF="javascript:SendColor('#000066')"> <AREA COORDS="18,146,34,162" HREF="javascript:SendColor('#003366')"> <AREA COORDS="34,146,50,162" HREF="javascript:SendColor('#006666')"> <AREA COORDS="50,146,66,162" HREF="javascript:SendColor('#009966')"> <AREA COORDS="66,146,82,162" HREF="javascript:SendColor('#00CC66')"> <AREA COORDS="82,146,98,162" HREF="javascript:SendColor('#00FF66')"> <AREA COORDS="98,146,114,162" HREF="javascript:SendColor('#99FF66')"> <AREA COORDS="114,146,130,162" HREF="javascript:SendColor('#99CC66')"> <AREA COORDS="130,146,146,162" HREF="javascript:SendColor('#999966')"> <AREA COORDS="146,146,162,162" HREF="javascript:SendColor('#996666')"> <AREA COORDS="162,146,178,162" HREF="javascript:SendColor('#993366')"> <AREA COORDS="178,146,194,162" HREF="javascript:SendColor('#990066')"> <AREA COORDS="194,146,210,162" HREF="javascript:SendColor('#CC0066')"> <AREA COORDS="210,146,226,162" HREF="javascript:SendColor('#CC3366')"> <AREA COORDS="226,146,242,162" HREF="javascript:SendColor('#CC6666')"> <AREA COORDS="242,146,258,162" HREF="javascript:SendColor('#CC9966')"> <AREA COORDS="258,146,274,162" HREF="javascript:SendColor('#CCCC66')"> <AREA COORDS="274,146,290,162" HREF="javascript:SendColor('#CCFF66')">  <AREA COORDS="2,162,18,178" HREF="javascript:SendColor('#000033')"> <AREA COORDS="18,162,34,178" HREF="javascript:SendColor('#003333')"> <AREA COORDS="34,162,50,178" HREF="javascript:SendColor('#006633')"> <AREA COORDS="50,162,66,178" HREF="javascript:SendColor('#009933')"> <AREA COORDS="66,162,82,178" HREF="javascript:SendColor('#00CC33')"> <AREA COORDS="82,162,98,178" HREF="javascript:SendColor('#00FF33')"> <AREA COORDS="98,162,114,178" HREF="javascript:SendColor('#99FF33')"> <AREA COORDS="114,162,130,178" HREF="javascript:SendColor('#99CC33')"> <AREA COORDS="130,162,146,178" HREF="javascript:SendColor('#999933')"> <AREA COORDS="146,162,162,178" HREF="javascript:SendColor('#996633')"> <AREA COORDS="162,162,178,178" HREF="javascript:SendColor('#993333')"> <AREA COORDS="178,162,194,178" HREF="javascript:SendColor('#990033')"> <AREA COORDS="194,162,210,178" HREF="javascript:SendColor('#CC0033')"> <AREA COORDS="210,162,226,178" HREF="javascript:SendColor('#CC3333')"> <AREA COORDS="226,162,242,178" HREF="javascript:SendColor('#CC6633')"> <AREA COORDS="242,162,258,178" HREF="javascript:SendColor('#CC9933')"> <AREA COORDS="258,162,274,178" HREF="javascript:SendColor('#CCCC33')"> <AREA COORDS="274,162,290,178" HREF="javascript:SendColor('#CCFF33')">  <AREA COORDS="2,178,18,194" HREF="javascript:SendColor('#000000')"> <AREA COORDS="18,178,34,194" HREF="javascript:SendColor('#003300')"> <AREA COORDS="34,178,50,194" HREF="javascript:SendColor('#006600')"> <AREA COORDS="50,178,66,194" HREF="javascript:SendColor('#009900')"> <AREA COORDS="66,178,82,194" HREF="javascript:SendColor('#00CC00')"> <AREA COORDS="82,178,98,194" HREF="javascript:SendColor('#00FF00')"> <AREA COORDS="98,178,114,194" HREF="javascript:SendColor('#99FF00')"> <AREA COORDS="114,178,130,194" HREF="javascript:SendColor('#99CC00')"> <AREA COORDS="130,178,146,194" HREF="javascript:SendColor('#999900')"> <AREA COORDS="146,178,162,194" HREF="javascript:SendColor('#996600')"> <AREA COORDS="162,178,178,194" HREF="javascript:SendColor('#993300')"> <AREA COORDS="178,178,194,194" HREF="javascript:SendColor('#990000')"> <AREA COORDS="194,178,210,194" HREF="javascript:SendColor('#CC0000')"> <AREA COORDS="210,178,226,194" HREF="javascript:SendColor('#CC3300')"> <AREA COORDS="226,178,242,194" HREF="javascript:SendColor('#CC6600')"> <AREA COORDS="242,178,258,194" HREF="javascript:SendColor('#CC9900')"> <AREA COORDS="258,178,274,194" HREF="javascript:SendColor('#CCCC00')"> <AREA COORDS="274,178,290,194" HREF="javascript:SendColor('#CCFF00')"> </MAP> <CENTER> <TABLE BORDER=0 CELLPADDING=3 CELLSPACING=0 WIDTH=292> <TR> <TD VALIGN=TOP><FONT SIZE=4 FACE=ARIAL COLOR=#0000FF>Set your preferences</TD> </TR> <TR> <TD> <A HREF="webpal.map"><IMG SRC="cube.gif" WIDTH=292 HEIGHT=196 BORDER=0 ALT="" USEMAP="#map_webpal" ISMAP></A> </TD> </TR> <FORM NAME="colors"> <TR> <TD ALIGN=LEFT> <INPUT TYPE="radio" NAME="choice" VALUE="bg" CHECKED><FONT SIZE=2 FACE=ARIAL>Background</FONT>     <INPUT TYPE="radio" NAME="choice" VALUE="text"><FONT SIZE=2 FACE=ARIAL>Text</FONT>     <INPUT TYPE="radio" NAME="choice" VALUE="link"><FONT SIZE=2 FACE=ARIAL>Link</FONT> </TD> </TR> <TR> <TD ALIGN=LEFT> <INPUT TYPE="radio" NAME="choice" VALUE="vlink"><FONT SIZE=2 FACE=ARIAL>Visited Link</FONT>     <INPUT TYPE="radio" NAME="choice" VALUE="alink"><FONT SIZE=2 FACE=ARIAL>Active Link</FONT> </TD> </TR> <TR> <TD ALIGN=LEFT> <FONT SIZE=2 FACE=ARIAL> Background Image:</FONT> <FONT SIZE=2 FACE=ARIAL> <INPUT NAME="fileUp" TYPE="file" SIZE=12 onClick="SendOther()"></FONT><BR> </TD> </TR> <TR> <TD ALIGN=LEFT> <INPUT TYPE="checkbox" NAME="checkBold" onClick="SendOther()"><FONT SIZE=2 FACE=ARIAL><B>Bold</B></FONT>     <INPUT TYPE="checkbox" NAME="checkItalic" onClick="SendOther()"><FONT SIZE=2 FACE=ARIAL><I>Italic</I></FONT> </TD> </TR> </FORM> <FORM NAME="sizes"> <TR> <TD ALIGN=LEFT> <FONT SIZE=2 FACE=ARIAL> Font size:</FONT> <INPUT TYPE="radio" NAME="size" onClick="SendOther()"><FONT SIZE=2 FACE=ARIAL>1</FONT> <INPUT TYPE="radio" NAME="size" onClick="SendOther()"><FONT SIZE=2 FACE=ARIAL>2</FONT> <INPUT TYPE="radio" NAME="size" checked onClick="SendOther()"><FONT SIZE=2 FACE=ARIAL>3</FONT> <INPUT TYPE="radio" NAME="size" onClick="SendOther()"><FONT SIZE=2 FACE=ARIAL>4</FONT> <INPUT TYPE="radio" NAME="size" onClick="SendOther()"><FONT SIZE=2 FACE=ARIAL>5</FONT> </TD> </TR> </FORM> </TD></TR></TABLE> </CENTER>  

JavaScript разное: Color Cube (colorcuber.html)

  <BODY BGCOLOR=#FFFFFF TEXT=#000000 LINK=#0000FF VLINK=#663399 ALINK=#FF0000> <FONT FACE=ARIAL COLOR=#0000FF SIZE=4>and view the results . . . . .</FONT><P> <FONT COLOR=#000000>The colour of the text</FONT><P> <FONT COLOR=#0000FF><U>The colour of a link</U></FONT><P> <FONT COLOR=#663399><U>The colour of a visited link</U></FONT><P> <FONT COLOR=#FF0000><U>The colour of an active link</U></FONT><P> This is the HTML string you need :<P> <TT><B>   <BODY<BR>   BGCOLOR="#ffffff"<BR>   BACKGROUND=""<BR>   TEXT="#000000"<BR>   LINK="#0000ff"<BR>   VLINK="#663399"<BR>   ALINK="#ff0000"><BR> </B></TT>