ふたりの日記帳

[cssText]
body { font-size:90%;
margin:0;
background:url(MIHO/nancyan/musicline3.jpg) repeat-y right 90px;
}
table { border-collapse:collapse; }
#pianissimo { position:fixed; top:15px; right:20px; width:122px; }
#footerDisp { border-color:steelblue; }
#mainDisp, #footerDisp {
background:url(MIHO/nancyan/musicline2.jpg) repeat-y;
color:#896952; padding-left:20px; padding-right:20px; margin-top:0;
}

#hazukiBody {
padding-left:40px; padding-right:20px;
}

#info { margin-top:1em; padding-top:.5em; margin-bottom:1.5em; }
#info a { font-size:16pt; color:steelblue; font-family:serif; font-weight:bold; }
#info a:hover { color:magenta; }

.piano { width:80%; font:90%/1.4 meiryo,"メイリオ"; }
#pianoInfo { margin-bottom:1em; }
#pianoNo { color:red; }


a:hover{ color: #e88c8e; }
a:link { color:steelblue; }
a:active { color:#007927; }
a:visited{ color: #4b0082; }
.update { color:#808080; font-size:10pt; padding-left:1em; }
.update span { color:tomato; }
.mc { color:#000; font-size:10pt; }

#hazukiMain table {margin:0 auto; }

#hazukiMain td {font-size:100%; line-height:1.4em; }
#hazukiMain a:visited { color:#333333; }
#hazukiMain a:hover { color:magenta; text-decoration:underline; }
.type_0 { color:#ffd700; }
.type_1 { color:tomato; }
.type_2 { color:green; }
.type_4 { color:#333399; }
td.t1 a .c2 { color:tomato; font-size:10pt;}
#hazukiInfo { font:90%/1.6 meiryo,"メイリオ"; padding-left:2em; vertical-align:top; }
#hazukiInfo a:hover { color:magenta; text-decoration:underline; }
#hazukiInfo span { color:steelblue; }
.hazukiInfoMsg { font-size:10pt; line-height:1.2em;}

#hazukiComment { padding:.5em; margin:1em 3em; }
#hazukiComment .mp3_element { font:100%/1.5 "ＭＳ Ｐゴシック";}
#msgBox { background-color:snow;
border:1px solid #ccc; border-radius:.25em; -moz-border-radius:.25em;
}
.line0 td { border-top:1px dashed #a0a0a0; padding-top:.5em; }
.line1 td { padding-bottom:.5em; }
td.time, td.size, td.list_msg { font-family:"MS UI Gothic" !important;}
td.dir { text-align:center; }
td.size { padding-right:1em; text-align:right !important; }
td.time { color:#808080; padding-right:1em; !important; }
#hazukiMain th {
vertical-align:bottom; color:#808080; font-family:"MS UI Gothic"; font-weight:normal;
font-size:90%;
}
.mark { color:tomato; }
#hazukiMain tr:hover td { color:#000; cursor:default; text-decoration:underline; }

#hazukiMsg {
background:url(MIHO/yotuba3.gif) no-repeat 6px 6px; font-size:100%;
margin:1em 3em; line-height:1.4em; color:#808080; border:1px solid #cccccc;
border-radius:4px; -moz-border-radius:4px;
padding:.5em;
}
#footerDisp { margin-left:3em; margin-right:3em; }
#markInfo {
margin-top:1em; margin-bottom:1em;
color:#000; width:70%; float:left;
font:90%/1.4 meiryo,"メイリオ";
}
#links { margin-left:80%; color:#808080; font-size:90%; }
#links a { color:steelblue; font-family:meiryo,"メイリオ"; }
#links li { color:brown; }
.line_space {
height:50px;
}


#editForm, #msgForm {
position:absolute; top:-200px; left:0px; background-color:lavender; z-index:10;
padding:.25em; border:1px solid #808080; font-size:90%;
border-radius:4px; -moz-border-radius:3px;
}
#editForm a {
font-weight:bold; size:100%; color:red; background-color:yellow;
padding:2px; border:1px solid #808080;
border-radius:3px; -moz-border-radius:3px;
}
#editForm a:hover { color:yellow; background-color:red; }
.ef_1 { margin-bottom:.25em; }
#editForm.ef_weit, #msgForm.ef_weit { background-color:yellow; color:red; }
#editForm input[name]:focus { background-color:khaki; }
#hazukiAfter { margin:1em 3em; }
[/cssText]

[hazukiBody]
<form id="msgForm">
<$$textarea id="msgBox" cols="70" rows="2" onkeypress="counter()" onclick="counter()"><$$/textarea>
<input type="hidden" name="id" />
<$$div class="formButton">
<input value="編集" onclick="postSubmit()" id="postButton"
type="button"><input type="button" value="閉じる" onclick="msgEdit(-1)" /> : 0/200(max)
<$$/div>
</form>
<form id="editForm">
<$$div class="ef_1">
<input type="hidden" name="id" value="" />
<$$a href="javascript:efPos(-1)" title="キャンセル">×<$$/a>
title<input name="title" type="text" size="24" value="" />
type<select name="type">
<option value="0" selected="selected" >演奏</option>
<option value="1">作曲演奏</option>
<option value="2">編曲演奏</option>
<option value="4">MIDI</option>
</select>
file<input type="text" name="file" size="25" value="" />
<$$/div><$$div class="ef_2">
date<input type="text" size="10" name="date" value="" />
diary<input type="text" size="10" name="diary" value="" />
size<input type="text" size="7" name="size" value="0" />
time<input type="text" size="5" name="time" value="0:00" />
msg<input type="text" size="20" name="msg" value="" /><input type="button" value="送信" onclick="efSubmit()" />
<$$/div>
</form>
<$$div id="info">
<$$a href="main.html?no=19">葉月の音楽の小部屋<$$/a>　～あなたの創った音楽をいつも聴きたくて～
<$$a href="javascript:location.reload()" style="font-size:10pt;font-weight:normal;">[更新中！]<$$/a>
<$$/div>

<$$div class="piano">
<$$img src="MIHO/hazuki_utau.gif" alt="心を込めて歌うリトル葉月" align="left" />
<$$div id="pianoInfo">
<$$span id="pianoNo">27<$$/span>
<$$span id="pianoTitle"><$$/span>

<$$/div>
<$$div> 音楽の庭は私の大切な場所です。何故なら、ここで生まれた音楽達は、日々の心の記録だからです。
喜びも悲しみも、すべてが音楽を作る力、生きる力となっているのです。生まれた音楽は私の子供です。<$$/div>
<$$/div>

<$$div id="pianissimo">
<$$div id="pianoDisp" class="piano_sleep" style="text-align:center; width:120px; height:60px; color:#000; background:#ffefff url(MIHO/nancyan/hazuki_piano_yotuba.gif) no-repeat center 2px; border:1px solid #808080; border-radus:3px; -moz-border-radius:3px;">
<$$a href="javascript:if(window['mp3Play']){mp3Play('',1);}" style="height:30px; display:block;" title="STOP/START"> <$$/a>
<$$div style="height:12px; font:11px/1.0 'Times New Roman'; color:#808080;"><$$a href="/home/nancyan/main.html?no=103&uri=/home/botanic/diary/2008/04/1207264217.html" title="音楽の庭" target="_self" style="color:steelblue;">Botanic<$$/a> / Pianissimo /<$$a href="javascript:if(window['mp3Remove']){mp3Remove();}" style="color:red;" title="消去">J<$$/a><$$/div>
<$$div id="pianoPanel" style="height:17px; line-height:17px; font-size:13px; color:#808080;" dat="CCembed src='http://www.nancyan.net/music/embedEE" mp3="greensleeves_harp.mp3"><$$a href="/home/nancyan/main.html?no=19" target="_self" style="color:green;">音楽の小部屋<$$/a> / <$$a href="/home/nancyan/main.html?no=101&page=143284" target="_self" title="データ更新" style="color:steelblue;">2.0<$$/a><$$/div>
<$$/div>
<$$/div>

<$$div id="fxDispInfo" style="clear:both"><$$/div>

<ul id="markInfo">
<li>
■演奏(0件)
■作曲・演奏(0件)
■編曲・演奏(0件)
■MIDI(0件)
</li><li>
全0file(root:0
nancyan:0
eclat:0) / 0 / 0h
</li>
<li><$$a href="javascript:Fid('hazukiAfter').scrollIntoView()">コメント(0件)<$$/a></li>
</ul>
<ul id = "links">
<li><$$a href="/home/nancyan/main.html?no=116&uri=/home/botanic/diary/2008/04/1207264217.html" title="コメント管理">106<$$/a> <$$a href="/home/nancyan/main.html?no=101&page=143284" title="EDIT3">101<$$/a></li>
<li><$$a href="javascript:mp3Add()">新規作成<$$/a></li>

</ul>
<$$div style="clear:both"><$$/div>
[/hazukiBody]



[hazukiEntry]
counter = function(){
var str = echo("msgBox").replace(/\r?\n/g, " ");
var s = str.length;
s += 23 +
(s - str.replace(/<|>/g, "").length) * 3 +
(s - str.replace(/"/g, "").length) * 5 +
(s - str.replace(/\x26|'/g, "").length) * 4;
echo("cntInfo", s + "/200(max)");
};
postSubmit = function(n){
var mf = Fid("msgForm");
mf.className = "ef_weit";
var no = mf.id.value;
var dat = "(" + (new Date()).toLocaleString() + ") " + echo("msgBox");
echo(Ftag(Fid("C" + no).parentNode, "span")[0], dat);
Fx.e("diary_editor", "mode=update&type=comments&oid=" + Vis.oid + "&id=" + no +
"&text=" + encodeURIComponent(dat), "mfRes"
);
};
Lo.mfRes = function(){
Fid("msgForm").className = "";
};

mp3Add = function(){
if(confirm("音楽の追加を行います。準備はよろしいですか？")){
Fx.e("diary_comment","article_id=143284&poster_name=" + encodeURIComponent(Vis.from) + "&comment=a", "mp3AddRes");
}
};
Lo.mp3AddRes = function(){
var s = Re.mp3AddRes.responseText.replace(/\r?\n/g, "");
if(s.match(/COMMENT id="(\d+)/)){
var newNo = RegExp.$1;
} else return;
var no = mp3Dat.length;
var o = Fid("tr" + (no -1));
var d = new Date();

mp3Dat.push(d.getFullYear() + "/" + ("0" + (d.getMonth() + 1)).slice(-2) + "/" + ("0" + d.getDate()).slice(-2) + ",0,abc.mp3,新規投稿," + newNo + ",,0,0:00,");
var a = Fce("tr"); a.className = "line"; a.id = "tr" + no;
o.parentNode.insertBefore(a, o);
echo("tr" + no, trDat(no));
efAct(no);
};

mp3Play = function(file,fg){
var isUser = window.name.replace(/^\w+_/, "");
var isWin = window.name.replace(/_.+$/,"");
var isMain = self != top && isWin == "main";
var isPiano = false;
var doc = isMain ? top["menu_" + isUser].document : document;
if(isWin == "main"){
var no = 0;
for(var i = 0; i < mp3Dat.length; i++){
if(mp3Dat[i].indexOf(file) != -1) break;
}
echo("pianoNo", i);
echo("pianoTitle", file);
}
if(isMain){
if(!doc.getElementById("fxDisp")){
var a = doc.createElement("div");
a.id = "fxDisp";
a.style.width = "122px";
a.style.marginLeft = "auto"; a.style.marginRight = "auto";
a.innerHTML = echo("pianissimo").split("_self").join("main_" + isUser);
doc.getElementById("menu").appendChild(a);
isPiano = true;
top.window["menu_" + isUser]["mp3Play"] = mp3Play;
}
}
if(isMain && !isPiano && !fg) return;

var disp = doc.getElementById("pianoDisp");
var panel = doc.getElementById("pianoPanel");

if(file == "" && disp.className == "piano_act"){
panel.innerHTML = panel.getAttribute("def");
disp.className = "piano_sleep";
return;
}
var dat = panel.getAttribute("dat").replace(/CC/g, "\x3c").replace(/EE/g, "\x3e");
var mp3 = file == "" ? panel.getAttribute("mp3") : file;
var mp3File = mp3.replace(/\-/,"nancyan\/").replace(/E/, "eclat\/");
dat = dat.split("DD").join(mp3File);
panel.innerHTML = dat;
disp.className = "piano_act";
panel.setAttribute("mp3",mp3);
};

Lo.efRes = function(){
var a = Fid("editForm");
a.className = "";
echo("tr" + Fx.efo, trDat(Fx.efo));
a.style.top = "-200px";
};

efPos = function(no){
var ef = Fid("editForm");
if(no == -1){
ef.style.top = "-200px"; return;
}
var o = Fid("tr" + no), p = o.parentNode.parentNode;
var x = p.offsetLeft - 24;
var y = p.offsetTop + o.offsetTop + 20;
ef.style.left = x + "px"; ef.style.top = y + "px";
};
msgEdit = function(n){
var me = Fid("msgForm");
if(n == -1){
me.style.top = "-200px"; return;
}
var o = Fid("C" + n); p = o.parentNode;
var x = p.offsetLeft;
var y = p.offsetTop + p.offsetHeight;
me.style.left = x + "px"; me.style.top = y + "px";
echo("msgBox", echo(Ftag(p, "span")[0]).replace(/^\(.+?\) /, ""));
me.id.value = n;
counter();
Fid("msgBox").focus();
};

efAct = function(no){
Fx.efo = no;
efPos(no);
var ef = Fid("editForm");
var a = mp3Dat[no].split(",");
echo(ef.date, a[0]);
ef.type.selectedIndex = a[1] == "4" ? 3 : Number(a[1]);
echo(ef.file, a[2]); echo(ef.title, a[3]); echo(ef.id, a[4]);
echo(ef.diary, a[5]); echo(ef.size, a[6]); echo(ef.time, a[7]);
echo(ef.msg, a[8]);
};

trDat = function(n){
var a = mp3Dat[n].split(",");
return "<td class='edit'>\x3ca href='javascript:efAct(" + n + ");' title='編集'>" + n + "</td><td>\x3cspan class='type_" + a[1] + "'>■\x3c/span><$$a href=javascript:mp3Play('" + a[2] + "',1)>" + a[3] + "\x3c/a></td><td class='update'>" + ( a[5] != "" ? "\x3ca href='main.html?no=103&uri=" + d1(a[5]) + "' title='日記'>" + a[0].substring(2) + "\x3c/a>\x3cspan>*\x3c/span>" : a[0].substring(2)) + "</td><td class='size'>" + Fx.c3(a[6]) + "</td><td class='time'>" + a[7] + "</td><td class='list_msg'>" + a[8] + "</td>";
};

hazukiMainEntry= function(res){
var s = Fx.dec(res).replace(/^.+\x3cdiv id="responses">/, "");
var s = s.match(/\x3cdiv class="comment_element".+?\x3c\/div>/g);
var a,msgNo = 0, msgDat = [];
mp3Dat = [];
for(var i = 0; i < s.length; i++){
a = s[i];
if(a.match(/\x3cspan class="comment_body">(\d{4}\/\d\d\/\d\d[^<]+)/)) mp3Dat.push(RegExp.$1);
else {
a = a.replace(/comment_/g, "mp3_").replace(/\x3ca.+?\/a>/, "");
a = a.replace(/(id="C)(\d+)(" href=")[^>]+(">)([^<]+)(\x3c\/a>)/,
"$1$2$3javascript:msgEdit($2)$4編集$6 $5");
msgDat.push(a);
}
}
for(i = msgDat.length -1; i >= 0 ; i--){
msgDat[i] = msgDat[i].replace(/>(編集)/,function(e0,e1){ return " title='編集'>[ No." + msgNo + " ]"; });
msgNo++;
}
echo("msgVol", msgDat.length);
var str = msgDat.join("\n");
echo("hazukiComment", msgDat.join("\n"));
mp3Dat.sort();
mp3ListEntry();
mp3ListInfo();
};
mp3ListEntry = function(){
var str = "";
for(var i = 0; i < mp3Dat.length; i++){
str = "<tr class='line" + (i % 10 == 9 ? "0'" : i % 10 == 0 ? "1'" : "'") +
" id='tr" + i + "'>" + trDat(i) + "</tr>" + str;
}
echo("hazukiMain", "<table><tbody><tr><th>No</th><th>Title</th><th class='d2'>Date</th><th class='size'>Size</th><th class='Time'>Time</th><th class='come'>Msg</th></tr>" + str + "</tbody></table>"
);
};
mp3ListInfo = function(){
var a, mk = [], dir = [], ave = 0, time = 0, t;
mk[0] = mk[1] = mk[2] = mk[4] = 0;
dir["_"] = 0; dir["_n"] = 0; dir["_e"] = 0;
for(var i = 0; i < mp3Dat.length; i++){
a = mp3Dat[i].split(",");
mk[a[1]]++; dir["_" + (a[2].match(/n\//) ? "n" : a[2].match(/t\//) ? "e" : "")]++;
ave += Number(a[6]);
t = a[7].split(":");
time += Number(t[0]) * 60 + Number(t[1]);
}
echo("mkCap", mp3Dat.length);
for(i in mk) echo("mk" + i, mk[i]);
for(i in dir) echo("dir" + i, dir[i]);
echo("mkAve",Fx.c3(ave).replace(/\,\d{3}$/, "kb"));
echo("mkTime", Math.floor(time / 3600) + ":" +
("0" + (Math.floor(time / 60) % 60)).slice(-2) + ":" + ("0" + (time % 60)).slice(-2)
);
};

Fx.c3 = function(n){
var s = new String(n);
　while(s != (s = s.replace(/^(\d+)(\d{3})/, "$1,$2")));
return s;
};
[/hazukiEntry]
</div>