サクサク作成、書いて貼ってポイできるjQuery付箋プラグイン
2010年03月13日 公開
なかなか面白いのがありました。
あとでなんかのシステムに使えそうかなとおもってメモ。
手軽・それでいて使い易い
ただまぁ、ブログや一般のwebサイト使えるような代物でもないので、こんなのがあるよー程度に覚えておくといいかもしれない。
メモ帳は手軽にD&Dが出来ます。
新規作成も手軽。
一度作ったメモ帳はダブルクリックで編集可能。左上の×ボタンでメモを破棄します。
フィールドサイズは以下で指定。
<div id="notes" style="width:800px;height:600px;">
</div>
導入はヘッダーで行います。
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="jquery.stickynotes.js"></script>
<link rel="stylesheet" href="jquery.stickynotes.css" type="text/css">
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function() {
$('#notes').stickyNotes();
});
</script>
</head>
とっても簡単ですね。
付箋システムに使えるjQueryプラグイン
jQuery Sticky Notes Pluginお楽しみあれ！
それでは、また。