SCRAPBLOG : カスタムツリービューの基本的な使い方（その2～追加・削除）
その1ではデータをツリー表示するだけであったが、その2ではデータを追加・削除してツリーの表示へ反映させる。 fruits.xul まず、追加・削除するためのボタンを xul:tree 要素の上側へ配置する。 <hbox> <button label="Add" oncommand="addFruit();" /> <button label="Delete" oncommand="deleteFruits();" /> </hbox> fruits.js fruits.xul へ追加した各ボタンを押下したときに呼び出される2つの関数を定義する。 addFruit 関数は新たに追加する果物の名前を入力するためのプロンプトを表示し、入力が確定すると後述の FruitsTreeView#appendItem メソッドで実際のデータ追加処理を行う。 function addFruit() { va
SCRAPBLOG : カスタムツリービューの基本的な使い方（その1～表示）
何らかのデータをツリー (xul:tree 要素) で表示するためにはいくつかの方法がありますが、最も一般的なのはカスタムツリービュー方式であるかと思います。ここでは、「何らかのデータ」として最も単純な一次元の配列を想定しますが、二次元配列や何らかのオブジェクトの配列など、他のデータ構造にも応用可能です。 fruits.xul はじめに以下のように tree 要素を配した fruits.xul を作成します。 <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <page xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" title="Fruits" onload="init();"
SCRAPBLOG : [userChrome.js] Vertical Toolbar
ウィンドウ左側に縦置きツールバーを配置するための userChrome.js 用スクリプト。 個人的には縦置きツールバー必須なのだが、それを実現するための拡張機能である Toolbar Enhancements が Firefox 1.5 時代から更新停止状態だし、かといって All-in-One Sidebar は余計な機能が多すぎるので、 userChrome.js で必要最低限な機能のみを実装した。 xuldev.org :: userChrome.js scripts » Vertical Toolbar カスタマイズ方法 カスタマイズは全てスクリプト直接編集で行うという玄人志向である。残念ながら通常のツールバーのように「ツールバーのカスタマイズ」ウィンドウからボタンをドラッグ＆ドロップして配置することはできない。現状のツールバーのカスタマイズ機能は複数の toolbox 要素に対
SCRAPBLOG : Firefox Developers Conference Summer 2007
昨日開催された Devcon 2007 のプレゼン資料をアップしました。その他にも、過去に使用したプレゼン資料も整理してまとめてアップしました。 » プレゼン資料のページ なお、PowerPoint ファイルから PDF への変換は Drawloop を使用しました。登録さえすれば無料で Word / Excel / PowerPoint から PDF への変換が可能となる Webサービスで、 Ajax な UI もシンプルで使いやすい。以前は日本語フォント未対応だったが、今はまったく問題なし。大変ありがたいです。
SCRAPBLOG : [userChrome.js] 軽量マウスジェスチャ
マウスジェスチャ機能は欲しいけど、All-in-One Gestures や Optimoz Mouse Gestures は余計な機能が多すぎる。AiOGから不要な機能を取っ払ってスリム化させようと試みたが、ソースコードが複雑すぎてやる気が失せた。そこで自分で一から考えて作ってみた結果、200行にも満たない userChrome.js 用スクリプトとして実装することができた。 xuldev.org :: userChrome.js scripts » Mouse Gestures 特徴 マウストレイル（軌跡の描画）は重くなる原因なのであきらめた。とはいえ AiOG から trails.js を借りてきて一工夫すれば実装可能です。 ジェスチャによって実行される処理は、極力ブラウザ本体に実装されたコマンドを呼び出すようにしている。 設定用GUIは無いが、スクリプトを直接編集することで無駄なく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
