めも帖

「めも帖」代わりにダラダラと書いていったり、めもしたりしているだけです。

livedoor Readerっぽく

JavaScript

id:onozatyさんの「glayer.js - グレーアウト表示ライブラリ」を利用させていただきました。
利用用途としては、LivedoorReaderそのままに、入力欄を表示させて処理する、というもの。

<html>
<head>
<title>glayer.js - TEST</title>
<link rel="stylesheet" href="./glayer.css" type="text/css" />
<script type="text/javascript" src="./glayer.js"></script>
<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript" src="./effects.js"></script>
<script type="text/javascript">
function initValue(){
	msg = document.getElementById('msg').value;
	document.getElementById('msg2').value = msg;
}
function setValue(){
	msg2 = document.getElementById('msg2').value;
	document.getElementById('msg').value = msg2;
}
</script>
</head>
<body>

<div id="glayer_img" class="glayer_img" style="display: none;">
	<div style="
padding:10px;
margin:100px 0 100px 100px;
width:400px;
background:#ffffff;
border:3px solid #ff0000;">
<textarea name="msg" id="msg2" rows="5" style="width:400px;"></textarea>
<a href="JavaScript:setValue();">setValue</a><br />
<a href="JavaScript:Layer.hide(glayer_img);">close</a><br />
</div>
</div>

<input type="button" value="グレーアウト表示" onclick="initValue();Layer.show('glayer_img');" /><br />
<br />
<textarea name="msg" id="msg" rows="5" style="width:400px;"></textarea>
<br />
<a href="http://www.enjoyxstudy.com/javascript/glayer/">Enjoy×Study</a>
</body>
</html>

こんな感じで使ってみました。
入力欄を拡張することができそうです。特に、MovableTypeの。

jsライブラリのバージョン

prototype.jsは、1.5。
effects.jsは、1.6.1。
でした。違うとエラーが出てました。