上にスクロールしなくても発言(含むreply)できるようにする

約30秒に一回/homeタイムラインの更新を確認し、
更新した分だけ上に継ぎ足していってくれるJavaScript
を使っていると1ページがどんどん長くなっていって、
上に行って発言したりreplyして、また元の箇所に戻って読み続ける
というのがとてもつらくなります。


というわけで今回は発言用フォームが画面上に常に表示されているようにしました。
そのまま表示されていると邪魔なことこの上ないので、
普段は薄い半透明で、入力欄にフォーカスが行ったときだけ濃くなるようにしました。

(function($){
	$('#navigation').remove();
	var sideOffset = $('#side').offset();
	$('#side')
		.css({	'position':'fixed'
				,'left':sideOffset.left
				,'top':20
			});
	$('#doingForm')
		.css({	'left':20
				,'top':130
				,'position':'fixed'
				,'z-index':'1'
				,'opacity':'0.1'
			})
		.find(':button')
			.insertBefore('#doingForm center');
	$('#status')
		.bind('focus',function(){
					$('#doingForm').css({'opacity':'0.8'});
				})
		.bind('blur',function(){
					$('#doingForm').css({'opacity':'0.1'});
				});
})(jQuery);

これだけだとreplyを「@monjudoh」みたいに手打ちするときはいいものの、
replyリンクをクリックすると一番上までスクロールしてしまうので、
/homeタイムライン自動更新 ver0.02 - 文殊堂と併用します。