ふたりの日記帳

[diary:172230]
[beforeExec]

entry = function(){
var dat = "#F0F8FF,aliceblue #FAEBD7,antiquewhite #00FFFF,aqua #7FFFD4,aquamarine #F0FFFF,azure #F5F5DC,beige #FFE4C4,bisque #000000,black #FFEBCD,blanchedalmond #0000FF,blue #8A2BE2,blueviolet #A52A2A,brown #DEB887,burlywood #5F9EA0,cadetblue #7FFF00,chartreuse #D2691E,chocolate #FF7F50,coral #6495ED,cornflowerblue #FFF8DC,cornsilk #DC143C,crimson #00FFFF,cyan #00008B,darkblue #008B8B,darkcyan #B8860B,darkgoldenrod #A9A9A9,darkgray #006400,darkgreen #BDB76B,darkkhaki #8B008B,darkmagenta #556B2F,darkolivegreen #FF8C00,darkorange #9932CC,darkorchid #8B0000,darkred #E9967A,darksalmon #8FBC8F,darkseagreen #483D8B,darkslateblue #2F4F4F,darkslategray #00CED1,darkturquoise #9400D3,darkviolet #FF1493,deeppink #00BFFF,deepskyblue #696969,dimgray #1E90FF,dodgerblue #B22222,firebrick #FFFAF0,floralwhite #228B22,forestgreen #FF00FF,fuchsia #DCDCDC,gainsboro #F8F8FF,ghostwhite #FFD700,gold #DAA520,goldenrod #808080,gray #008000,green #ADFF2F,greenyellow #F0FFF0,honeydew #FF69B4,hotpink #CD5C5C,indianred #4B0082,indigo #FFFFF0,ivory #F0E68C,khaki #E6E6FA,lavender #FFF0F5,lavenderblush #7CFC00,lawngreen #FFFACD,lemonchiffon #ADD8E6,lightblue #F08080,lightcoral #E0FFFF,lightcyan #FAFAD2,lightgoldenrodyellow #90EE90,lightgreen #D3D3D3,lightgrey #FFB6C1,lightpink #FFA07A,lightsalmon #20B2AA,lightseagreen #87CEFA,lightskyblue #778899,lightslategray #B0C4DE,lightsteelblue #FFFFE0,lightyellow #00FF00,lime #32CD32,limegreen #FAF0E6,linen #FF00FF,magenta #800000,maroon #66CDAA,mediumaquamarine #0000CD,mediumblue #BA55D3,mediumorchid #9370DB,mediumpurple #3CB371,mediumseagreen #7B68EE,mediumslateblue #00FA9A,mediumspringgreen #48D1CC,mediumturquoise #C71585,mediumvioletred #191970,midnightblue #F5FFFA,mintcream #FFE4E1,mistyrose #FFE4B5,moccasin #FFDEAD,navajowhite #000080,navy #FDF5E6,oldlace #808000,olive #6B8E23,olivedrab #FFA500,orange #FF4500,orangered #DA70D6,orchid #EEE8AA,palegoldenrod #98FB98,palegreen #AFEEEE,paleturquoise #DB7093,palevioletred #FFEFD5,papayawhip #FFDAB9,peachpuff #CD853F,peru #FFC0CB,pink #DDA0DD,plum #B0E0E6,powderblue #800080,purple #FF0000,red #BC8F8F,rosybrown #4169E1,royalblue #8B4513,saddlebrown #FA8072,salmon #F4A460,sandybrown #2E8B57,seagreen #FFF5EE,seashell #A0522D,sienna #C0C0C0,silver #87CEEB,skyblue #6A5ACD,slateblue #708090,slategray #FFFAFA,snow #00FF7F,springgreen #4682B4,steelblue #D2B48C,tan #008080,teal #D8BFD8,thistle #FF6347,tomato #40E0D0,turquoise #EE82EE,violet #F5DEB3,wheat #FFFFFF,white #F5F5F5,whitesmoke #FFFF00,yellow #9ACD32,yellowgreen";
dat = dat.replace(/(#[0-9A-Z]+)\,([a-z]+)/g,
'\x3cspan class="c1" style="background-color:$1" onclick=showCode(this,"$1","$2")>\x3c/span> ');

var i,j,k,str,s;
for(i = 0; i < 6; i++){
for(j = 0; j < 6; j++){
for(k = 0; k < 6; k++){

s = (i * 3).toString(16) + (j * 3).toString(16) + (k * 3).toString(16);
dat += '\x3cspan style="background-color:#' + s + '" ' +
'onclick=showCode(this,"#' + s + '","")>\x3c/span> ';

}
}
}
echo("listDisp", dat);
};


showCode = function(obj,s1,s2){
echo("colorCode", s1);
echo("colorName", s2);
};
chgBack = function(){
var c = echo("colorCode");

if(c != "") Fid("listDisp").style.backgroundColor = c;
};

tubeEntry = function(){
var s = "IwNkqBLl6LY";
var s1 = "<object id='tube' width='155' height='25' ";

var uri = "http://www.youtube.com/v/" + s + "&hl=ja&fs=1&autoplay=1&enablejsapi=1" +
"&color1=0x5d8019&color2=0x4f801b&loop=1&rel=0";

var str = s1 + "type='application/x-shockwave-flash' data='" +
uri + "'><param name='allowScriptAccess' value='always'></param></object>";

if(document.all){
str = s1 + "classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'>" +
"<param name='movie' value='" + uri + "'></param><param name='allowScriptAccess' value='always'></param>" +

"<param name='allowFullScreen' value='true'></param></object>";
}
echo("tubeDisp",str);

};

[/beforeExec]
[cssText]
a { text-decoration:none; }
#mainDisp { margin:1em; }
#listDisp { margin:1em; }
#listDisp span {
width:24px; margin:2px; height:26px; display:inline-block;

border:1px solid #ccc; cursor:default;
}
#showCodeForm {
display:inlin-block; z-index:10;
position:fixed; top:6px; right:6px;
background-color:#339; color:#fff;
padding:.25em; border:2px outset white;

boder-radius:8px; -moz-border-radius:8px;
}
#tubeForm {
background-color:#6b8e23; padding:4px;
display:inline-block; border:2px outset white;
border-radius:8px; -moz-border-radius:8px;
}

#marDisp { width:160px; color:#fff; font-size:90%; }
#tubeDisp { min-height:25px; min-width:155px; }
[/cssText]
[body]
<$$div class="logo">
<$$a href="main.html?diary=172230">Color code 1.0 <$$/a>

<$$/div>
<$$div id="listDisp"><$$/div>

<form id="showCodeForm">
code <input type="text" id="colorCode" size="10" />

name <input type="text" id="colorName" size="28" />
<input type="button" value="背景色に指定" onclick="chgBack()" />

</form>

<$$img src="http://www.nancyan.net/image/futari/w/welcome.jpg"/ >
<form id="tubeForm">
<$$div id="marDisp"><marquee scrolldelay="150" >Milk tea ... ( *^)^*)</marquee><$$/div>

<$$div id="tubeDisp"><$$/div></form>
[/body]
[exec]
document.title = "カラーコード表 1.0";
entry();


[/exec]
[/diary:172230]