- Reference
Web Standards with Imagination - Top 10 custom JavaScript functions of all time
http://www.dustindiaz.com/top-ten-javascript
- via
[戯] 今日から使える JavaScript カスタム関数トップ 10
http://cl.pocari.org/2006-02-13-2.html
- Reference
Announcement: new Javascript/Canvas Graph library
http://aslakhellesoy.com/articles/2006/02/09/announcement-new-javascript-canvas-graph-library
OpenSpace - HTMLタグリファレンス - <canvas>タグ
http://www.openspc2.org/HTML/appendix/canvas_param/title.html
- via
[戯] canvas を使った JavaScript によるグラフ描画ライブラリ
http://cl.pocari.org/2006-02-13-1.html
- Summary
クリックすると,Firefox に検索プラグインを追加するダイヤログが表示される.
Qooqle で発見した.
http://qooqle.jp/javascripts/firefox_plugin.js
- Source
function addEngine() { if ((typeof window.sidebar == "object") && (typeof window.sidebar.addSearchEngine == "function")) { window.sidebar.addSearchEngine( "http://xight.org/misc/firefox/searchplugins/xight.src", /* engine URL */ "http://xight.org/misc/firefox/searchplugins/xight.png", /* icon URL */ "memo.xight.org", /* engine name */ "Web検索"); /* category name */ } else { alert("検索プラグインを使用するには Mozilla Firefox、Mozilla、または Netscape 6 以上が必要です。"); } }
<a href="javascript:addEngine();">Firefox に検索プラグインを追加</a>
- Summary
<?php include "fckeditor.php"; $fckObject = new FCKeditor( "edit_name") ; $fckObject->BasePath = "./"; $fckEditorHtml = $fckObject->CreateHtml(); ?> <form method="post"> <?= $fckEditorHtml ?> <input type="submit" value="send" /> </form> <?= $_REQUEST['edit_name'] ?>
// var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py // var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | php var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php
// SECURITY: You must explicitelly enable this "connector". (Set it to "true"). // $Config['Enabled'] = false; $Config['Enabled'] = true; // Path to user files relative to the document root. // $Config['UserFilesPath'] = '/UserFiles/' ; $Config['UserFilesPath'] = '/FCKeditor/UserFiles/' ;
% mkdir /var/www/FCKeditor/UserFiles
- XOOPSに組み込む
FCKeditor - xoopsに組み込む
http://www.geocities.jp/fckeditor/xoops.html
| メソッド名 | 用途 |
| FCKeditor | コンストラクタ |
| Create | FCKEditorを実行するHTMLを出力する |
| CreateHtml | FCKEditorを実行するHTMLを返す |
| IsCompatible | FCKEditorが使用できるかどうか調べる |
| GetConfigFieldString | ConfigプロパティをFCKEditorに渡すパラメータ文字列に変換する(private的関数) |
| プロパティ名 | 用途 |
| $InstanceName | インスタンスするフォーム要素名を指定する |
| $BasicPath | FCKEditor本体のURLパスを指定する |
| $Width | 表示するFCKEditorの幅をピクセル単位で指定する |
| $Height | 表示するFCKEditorの高さをピクセル単位で指定する |
| $ToolbarSet | 使用するツールバーの種類を指定する.デフォルトでは「default」と「Basic」がある |
| $Value | FCKEditorのデフォルト文字列 |
| $Config | その他のFCKEditorの設定を配列で指定 |
- Reference
Rico
http://openrico.org/
- Summary
kb.add("キー入力",実行する関数);
でキー割り当てを追加.
キー入力に配列を渡すことで,複数キー割り当ても可能.
- Source
var kb = new HotKey; kb.add(["j","2","down"], function(){rollto(c_pos + 1)}); kb.add(["k","8","up"] , function(){rollto(c_pos - 1)}); kb.add(["H","home"], function(){rollto(0)}); kb.add("pageup", function(){rollto(c_pos-3)}); kb.add("pagedown", function(){rollto(c_pos+3)});
- Summary
onclick などのイベントで HTML を汚さずに記述する方法を提供.
CSS selectorを利用して,振る舞いを定義する.
- Before
var myrules = { '#example li' : function(el){ el.onclick = function(){ this.parentNode.removeChild(this); } } }; Behaviour.register(myrules);
- Summary
PHP5上でJavaScriptを動かすライブラリ.
- Reference
J4P5: Javascript For PHP 5
http://j4p5.sourceforge.net/
- via
phpsopt開発日誌 - PHP5上でJavascriptを動かす: J4P5:phpspot
http://phpspot.org/blog/archives/2006/01/php5javascript.html
- Summary
あれこれポップアップ[2003-11-05-7]のようなTooltipを表示する.
- Reference
JavaScript Fading Tooltips
http://www.dustindiaz.com/sweet-titles/
- Summary
JavaScriptのド派手なDebugScreen.
これは一度使ったら手放せない予感.
- 使用法
以下をHTML内に記述.
- Reference
POBS - PHP Obfuscator
http://pobs.mywalhalla.net/start.htm
- via
cl.pocari.org - PHP や JavaScript のソースを読みにくくする POBS
http://cl.pocari.org/2006-01-12-1.html/
- Summary
Firefoxのエクステンション,Venkman[2006-01-04-7]の解説.
- Reference
Venkman 早わかり(Walkthrough)
http://www.mozilla-japan.org/projects/venkman/venkman-walkthrough.html
- Summary
X Library[2005-12-27-2]のリファレンス.
メソッドの一覧.
- Reference
Collection & Copy - X Library(クロスブラウザJavaScriptライブラリ)メソッド一覧
http://d.hatena.ne.jp/brazil/20060111/1136987311
- Reference
最速インターフェース研究会 :: prototype.jsのObject汚染を回避する方法
http://la.ma.la/blog/diary_200507101154.htm
nazonoDiary - Object オブジェクトの prototype に便利メソッドを放り込むのはやめて頂きたい
http://d.hatena.ne.jp/nazoking/20050425/1114374966
- Summary
IT戦記で公開されているスクリプトをすべてのスクリプトよりも前の段階で読み込む.
ライセンスは「寂しがり屋ライセンス」.
IT戦記のエントリにコメントを書くことで使用可能.
- Reference
IT戦記 - 複雑で重くなった JavaScript を超高速化する方法。
http://d.hatena.ne.jp/amachang/20060104/1136344836
IT戦記 - 複雑で重くなった JavaScript を超超ちょ〜〜〜高速化する方法。
http://d.hatena.ne.jp/amachang/20060114/1137243389
- Summary
validate.js[2006-01-06-4] を利用してみた.
オートコンプリートからマウスで選択した直後に,validate結果が更新されない.
インフォアクシアのお問い合わせでは setInterval(func,ms) を利用して
定期的に入力フォームのチェックを行っている.
validate.jsでvalidate結果表示を更新するには,Behaviour.apply() を呼び出せばよい.
- Source
以下の記述で500ms毎にvalidate結果を更新する.
<body onload="setInterval('Behaviour.apply();',500"> ... </body>
var nameTmp = ''; var mailTmp = ''; function isChangeForm(){ var ret = false; if (nameTmp != $F('name') || mailTmp != $F('mail')){ nameTmp = $F('name'); mailTmp = $F('mail'); ret = true; } return ret; } function updateForm(){ if (isChangeForm()){ Behaviour.apply(); } return; }
<body onload="setInterval('updateForm();',500"> ... </body>
- Summary
Firefox限定.
- Reference
JavaScriptでfaviconエディタ(Firefox) | weblog | 東京嫉妬
http://tokyoenvious.xrea.jp/b/b/javascript/favicon_editor.html
- via
最速インターフェース研究会 :: Firefoxでテキストをクリップボードにコピーする方法
http://la.ma.la/blog/diary_200601100445.htm
- サンプル
http://jsgt.org/lib/vector/graph/sliderbar.htm
- Reference
Days on the Moon - 2006-09-27 - ブラウザ上でお絵かき
http://nanto.asablo.jp/blog/2005/09/27/89628
DrawingCanvas.js
http://www.ne.jp/asahi/nanto/moon/2005/09/27/DrawingCanvas.js
- Reference
SourceForge.net: YAML JavaScript
http://sourceforge.net/projects/yaml-javascript
- via
cl.pocari.org - JavaScript による YAML parser
http://cl.pocari.org/2005-12-27-13.html
- Screen shot
左から 未入力時, 異常値入力時, 正常値入力時.



- Usage
prototype.js とvalidate.js を自分のHTMLに読み込んで
下記の様に正規表現で表示するメッセージを指定するだけで利用可能.
- Source - JavaScript
Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:[-a-z0-9]+\\.)+[a-z]{2,})$/": "OK", "/^$/": "必ず入力してください", "/.*/": "正しいメールアドレスを入力してください" } });