fub_red カスタムパネル関連

導入方法

最終更新
2002-09-10T15:44:18+09:00

fub_red 0.3.35ベータで確認。

  1. 導入したいHTMLファイルを表示させます
  2. カスタムパネル用のアイコン右側のボタンを押してドロップダウンメニューを表示させます
  3. 新たに追加したい場合は「アクティブタブを新規追加」を、現在のパネルを「Work Space」に変更する場合は「アクティブタブで上書き」を選択します
  4. パネルの名前を設定して完了です

カスタムパネルからJavaScirptを発射する方法

最終更新
更新はありません

HTMLの a要素のhref属性、またはJavaScriptのlocation.hrefプロパティに、javascript:スキームを使って"set"します。

例1. href属性に記述する方法

<a href="javascript:alert(document.title);">
  文書タイトルをアラート
</a>

例2. location.hrefプロパティに set する方法

<button
 onclick="
  location.href='javascript:alert(document.title)';
 ">
 文書タイトルをアラート
</button>

制限

  • javascript:スキーム内のコードには、バイト数制限があるようです。497バイトくらいです(IE6.0)。 fub_redを使う限りこの問題は生じません。作者さんが対応してくれました(MS-06S 0.3.35βで確認)。
  • IE5.5の場合、2000バイト近くまで大丈夫とのことです(伝聞)
  • 「"」および「>」という記号は使えません。HTMLの制限です。回避方法は:
    1. 実体参照「&quot;」、「&gt;」を使う。
    2. 別途関数を定義する(※)

    ※例:

    function test(){
     location.href='javascript:alert("アラートさせる文字列")';
    }
    
    <button onclick="test()">アラート</button>
    
  • この他若干ありますが、はっきりしないので書きません。

その他気づいたこと

最終更新
2002-08-27T14:40:51+09:00
  • カスタムパネル内に、リンクをドロップすると(ドラッグはしない)別窓で開くような気配
  • タブロックしているとabout:blankを開いてそのページに適用されてしまう

fub_redで「はてなアンテナ」

最終更新
2003-03-10T20:01:47+09:00
  • 2003-03-10内容を大幅に変更しました。Hatenaがスクリプト対策をしたため。

自分専用の「アンテナ」を無料で手軽に設置できる「はてなアンテナ」というものがあります(2002-11-17現在)。これを「カスタムパネル」に入れると非常に便利です。

fub_red(もしくはカスタムパネルを実装したIEコンポーネントブラウザ)だからこそ可能なカスタムを紹介します。

1. 更新内容をポップアップ

はてなアンテナは更新された部分を表示してくれますが、カスタムパネルは表示領域が狭いので、普段それらを隠しておきつつ、マウスオーバーでポップアップ表示させると良い感触です。(某Mozや某Op6では無理な芸当です。古いIE(4.x以前)でも不可能です。)

はてなアンテナが吐き出すHTMLを書き換えてしまいましょう。Proxomitronを利用します。

  1. Proxomitronを起動し
  2. Web pageボタンを押し
  3. 次のようなフィルタを作成します
URL Match
a.hatena.ne.jp/(^sample|info)*/*
Bounds Match
<style*</style>
Byte limit
32767
Matching Expression
*
Replacement Text
<link
  rel="stylesheet"
  href="http://members.jcom.home.ne.jp/jintrick/style/usr_hatena.css"
  title="my Hatena::style">\r
<script
  language="JScript"
  src="http://members.jcom.home.ne.jp/jintrick/js/hatena.js" defer></script>

高速化したい場合、http://members.jcom.home.ne.jp/jintrick/style/usr_hatena.css 及び、http://members.jcom.home.ne.jp/jintrick/js/hatena.js をローカルに保存し、このフィルタのパスを書き換えてください。

以上です。

2. スーパーリロードボタン

未稿です。はてなアンテナに全てのアイテムの更新をチェックさせ、同時にリロードするという荒業を考えましたが、公開しようかどうか悩みつつ調整中です。

拙作カスタムパネル - Portfolio -

最終更新
2002-09-10T15:39:49+09:00
White Horse
カスタムパネルで何ができるか色々模索した実験版。やりたい放題。
Work Space
HTMLオブジェクトを貼り付けるスペースを提供する機能を中心に、ある程度方向性を決めてまとめたもの。
JSearch
fub作者さんのsearch.htmlに手を加えたもの。ドロップによる検索、キーボード操作のみでの検索をサポート。
JStyle
スタイルシート全般を扱うパネルです。
jintrickのアンテナ
このアンテナ(はてなアンテナ)自体は他所様には無用のような気がしますが、一応スタイルシートをfub_redカスタムパネル用に最適化?してあります。

関係のないおまけ

最終更新
更新はありません