fusen.inc.php

サマリ付箋プラグイン
リビジョン1.10
対応バージョン1.4.5_1
投稿者ohguma
投稿日2005-03-12 (土) 18:06:30

付箋機能プラグイン

概要

pukiwikiに付箋機能を追加するプラグインです。
本文中に以下を記述するとそこにメニューを表示します。

#fusen 

付箋のデータは添付ファイルのfusen.datに格納します。 fusen.datを削除すると、全付箋データが消えます。
JavaScriptを使っています。 MSIE6.0SP1とFireFox1.0で動作確認しました。 wemaを参考にしています。
他のプラグインを参考に作成しましたが、こんなつくりでよいのかご意見等お願いします。

V1.8 からJavaScript:XMLHttpRequest()を使っています(よって、Opera7.54では動きません。対応する予定もありません。)(V1.9でOpera対応。Operaの場合、リアルタイム更新しません)。

ファイル

更新日バージョン修正点など
2005/05/101.10XMLHttpRequestで取得するPlain Textのエスケープ
2005/04/151.9バグ修正,Opera対応,リアルタイム更新パラメータをjsからphpへ移行
2005/04/031.81.7で入れたバグ対応, Auto set, リアルタイム更新
2005/04/021.7HELP,入力欄変更,付箋データ保持方法変更,fusen.js大幅変更,onLoad修正,onDblClick対応
2005/03/281.6新規追加時のID付与にあったバグ修正(phpのみ)
2005/03/181.5真のRecentChanges対応、検索機能修正など
2005/03/181.4RecentChanges対応、検索機能追加
2005/03/171.3XHTML1.1対策他
2005/03/161.2XSS対策他
2005/03/161.1バグ修正
2005/03/121.0初版

filefusen.inc.php.1.10 は fusen.inc.php とリネームし plugin へ、
filefusen.js.1.10 は fusen.js とりネームし、skinへコピーしてください。

ライセンス

wema1を参考にしていますので修正BSDライセンスです。

コメント

fusen.inc.php
 <form id="edit_frm" method="post" action="index.php" style="padding:0; margin:0">
   <p style="margin:0">
     文字色:
     <select name="tc" size="1">
       <option id="tc000000" value="#000000" style="color: #000000">■</option>
       <option id="tc808080" value="#808080" style="color: #808080">■</option>
       <option id="tcC0C0C0" value="#C0C0C0" style="color: #C0C0C0">■</option>
       <option id="tc000000" value="#FFFFFF" style="color: #FFFFFF" selected>□</option>
       <option id="tcFF0000" value="#FF0000" style="color: #FF0000">■</option>
       <option id="tcFFFF00" value="#FFFF00" style="color: #FFFF00">■</option>
       <option id="tc00FF00" value="#00FF00" style="color: #00FF00">■</option>
       <option id="tc00FFFF" value="#00FFFF" style="color: #00FFFF">■</option>
       <option id="tc0000FF" value="#0000FF" style="color: #0000FF">■</option>
       <option id="tcFF00FF" value="#FF00FF" style="color: #FF00FF">■</option>
       <option id="tc800000" value="#800000" style="color: #800000">■</option>
       <option id="tc808000" value="#808000" style="color: #808000">■</option>
       <option id="tc008000" value="#008000" style="color: #008000">■</option>
       <option id="tc008080" value="#008080" style="color: #008080">■</option>
       <option id="tc000080" value="#000080" style="color: #000080">■</option>
       <option id="tc800080" value="#800080" style="color: #800080">■</option>
     </select>
     背景色:
     <select name="bg" size="1">
       <option id="bg000000" value="#000000" style="color: #000000">■</option>
       <option id="bg808080" value="#808080" style="color: #808080">■</option>
       <option id="bgC0C0C0" value="#C0C0C0" style="color: #C0C0C0">■</option>
       <option id="bg000000" value="#FFFFFF" style="color: #FFFFFF">□</option>
       <option id="bgFF0000" value="#FF0000" style="color: #FF0000">■</option>
       <option id="bgFFFF00" value="#FFFF00" style="color: #FFFF00">■</option>
       <option id="bg00FF00" value="#00FF00" style="color: #00FF00">■</option>
       <option id="bg00FFFF" value="#00FFFF" style="color: #00FFFF">■</option>
       <option id="bg0000FF" value="#0000FF" style="color: #0000FF">■</option>
       <option id="bgFF00FF" value="#FF00FF" style="color: #FF00FF">■</option>
       <option id="bg800000" value="#800000" style="color: #800000">■</option>
       <option id="bg808000" value="#808000" style="color: #808000">■</option>
       <option id="bg008000" value="#008000" style="color: #008000" selected>■</option>
       <option id="bg008080" value="#008080" style="color: #008080">■</option>
       <option id="bg000080" value="#000080" style="color: #000080">■</option>
       <option id="bg800080" value="#800080" style="color: #800080">■</option>
       <option id="bgtransparent" value="#transparent">透</option>
     </select>
     <br />
     線を引く:<input type="text" name="ln" id="edit_ln"/><br />
     <textarea name="body" id="edit_body" cols="40" rows="10"></textarea><br />
     <input type="submit" value="書き込み" />
     <input type="hidden" name="id" id="edit_id"/>
     <input type="hidden" name="z" id="edit_z" value="1" />
     <input type="hidden" name="l" id="edit_l" />
     <input type="hidden" name="t" id="edit_t" />
     <input type="hidden" name="pass" id="edit_pass" value="" />
     <input type="hidden" name="mode" id="edit_mode" value="edit" />
     <input type="hidden" name="plugin" value="fusen" />
     <input type="hidden" name="refer" value="{$refer}" />
   </p>
 </form>
fusen.js
function editbox_show() {
 getElement('edit_id').value = '';
 getElement('edit_ln').value = '';
 getElement('tc000000').selected = true;
 getElement('bg008000').selected = true;
 getElement('edit_body').value = '';
 getElement('edit_l').value = mouseX;
 getElement('edit_t').value = mouseY;
 show('edit_box');
 obj = null;
}
function edit(id) {
 obj = getElement(id)
 getElement('edit_id').value = id;
 getElement('edit_l').value = parseInt(obj.style.left.replace("px",""));
 getElement('edit_t').value = parseInt(obj.style.top.replace("px",""));
 getElement('edit_ln').value = getElement('ln'+id).value;
 getElement('edit_body').value = getElement('d'+id).value;
 tcid = getElement('tc'+id).value;
 tcid = 'tc' + tcid.substr(1);
 getElement(tcid).selected = true;
 bgid = getElement('bg'+id).value;
 bgid = 'bg' + bgid.substr(1);
 getElement(bgid).selected = true;
 show('edit_box');
}

とても面白いプラグインですね。 fusen.inc.php と fusen.js を上記のようにして 色んな色を簡単に追加、選択できるようにして使っています。 今後とも宜しくお願いします。


*1 わたしが某所でUTF-8版専用といっているのはこのへんのトラブルを避けるため (^^;

添付ファイル: filefusen.inc.php.1.10 4828件 [詳細] filefusen.js.1.10 4077件 [詳細] filefusen.js.1.9 880件 [詳細] filefusen.inc.php.1.9 967件 [詳細] filefusen.js.1.8 825件 [詳細] filefusen.inc.php.1.8 880件 [詳細] filefusen.js.1.7 752件 [詳細] filefusen.inc.php.1.7 785件 [詳細] filefusen.inc.php.1.6 839件 [詳細] filefusen.js.1.5 890件 [詳細] filefusen.inc.php.1.5 940件 [詳細] filefusen.js.txt 889件 [詳細] filefusen.inc.php.txt 1341件 [詳細] filefusen.js.4 760件 [詳細] filefusen.inc.php.4 774件 [詳細] filefusen.js.3 806件 [詳細] filefusen.inc.php.3 808件 [詳細] filefusen.inc.php.2 831件 [詳細] filefusen.js.1 937件 [詳細] filefusen.inc.php.1 1038件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2010-07-15 (木) 19:29:31
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u8. HTML convert time: 1.408 sec.

OSDN