タグ

JavaScriptとuiに関するsteropeのブックマーク (2)

  • Greasemonkeyでサイト既存CSSの影響を受けないポップアップパネルを作る方法

    Greasemonkeyは各サイトでユーザースクリプトを実行できて便利ですが、ある要素を挿入したときにそれがサイトに元々書いてあるCSSの影響を受けてしまうことがあります。 一つのサイトならまだしもhttp*で動くようなものだと対応仕切れないのでiframeを使いサイトに書いてあるCSSの影響を受けないパネルを作る。 iframeの中はそのサイトにあるCSSの影響を受けないので、iframe内にGreasemonkeyで表示したいものを置けば影響を受けないものが作成できる。 makeFrameというのが今回の主題。 makeFrame(gotFrame1); makeFrame(gotFrame2); function gotFrame1(iframe, win, doc) { iframe.height = "350"; iframe.width = "500"; iframe.styl

    Greasemonkeyでサイト既存CSSの影響を受けないポップアップパネルを作る方法
  • NavigationRing

    NavigationRingは、リングコマンドをWebページに取り付けるサービスです。 試しにこのWebページをタブルクリックしてみてください。グローバルリンクのNavigationRingが起動します。 NavigationRingはJavascriptで実装されており、一般的なWebページやBlogに少々変更を加えるだけで、 ここにあるようなリングコマンド機能を追加することができます。 グローバルリンクタイプのリング以外にも、機能を特化させたリングコマンドを何種類か提供しています。 blogパーツページのサンプルを見てみてください。 リングに使うアイコンイメージやカーソルの画像、タイトルのデザインは設定により変更することができます。 また、ダブルクリック以外の呼び出し(マウスオーバーやボタンクリックでの起動)にも対応予定です。 マニュアル強化月間 NavigationRingの使い方記

    sterope
    sterope 2010/12/16
    聖剣伝説のリングメニュー
  • 1