2008年5月02日(金)

« はてブフィルタ：Google仕様変更(?)対策とAutoPagerlize／AutoPagerlike対応 | トップページ | Yin and Yang：リンク先の内容をその場で表示するスクリプト(SeaHorse専用版) »

Yin and Yang：リンク先の内容をその場で表示するスクリプト(Greasemonkey／SeaHorse／ブックマークレット)

検索結果やブログを読んでいてリンクがあった場合、それをクリックして別画面でリンク先を確認する、というのは結構面倒だったりします。
マウスオーバでサムネイル画像がプレビューされる、というようなスクリプトはよくありますが、意外とわずらわしいし、その割に実際にどんな内容があるかはよくわからないので、あんまり好きじゃないんですよね。
なので、その場でプレビュー表示してみるようなスクリプトを作成してみました。
■使用方法
スクリプトをインストール／実行後にウェブページを表示し、適当なリンクの上にマウスカーソルをあわせて、マウスホイールを手前に回すと、しばらくしてリンク先のプレビューが表示されます。
同様に、リンク上にカーソルをおいてホイールを反対に回せば、プレビューが閉じます。
■動作画面

Showyinandyangsample1_2

リンクの上にマウスカーソルをあわせ、ホイールを回すと……

Showyinandyangsample2_2

のように、プレビューが表示されます。
■Greasemonkey＆SeaHorse
Yin and Yang：マウスホイールでリンク先をプレビュー
【2008/05/02追記】SeaHorseの方は専用版があります。Sleipnir使いの方はそちらをどうぞ。
■SeaHorse専用
Yin and Yang：マウスホイールでリンク先をプレビュー
SeaHorseの使い方については、例えばこちらとかこちら。Greasemonkeyの使い方については、例えばこちら。
Operaのユーザー JavaScript ファイル(User Script)としても動作するようです(Opera 9.27で確認)。
■ブックマークレット
Yin and Yang：マウスホイールでリンク先をプレビュー
ブックマークレットの登録方法等はこちら→【Web】ブックマークレットのブラウザ毎の登録方法
■注意書き
  • 例によって、一切の保証はありません。ご使用は自己責任で。
  • リンク先のページによっては文字化けしたり、内容がまったく表示されないこともあります。悪しからず。
    • ■覚書
    ちなみになんでスクリプト名が『Yin and Yang』かというと、リンクの陰に隠れているページを陽にさらすという意味から、です。
    ほんとは引用→陰陽だというのはひみつ。

    この記事をニフティクリップβに追加 この記事をはてなブックマークに追加 2008/05/02(金) 00:05 | | 記事の編集(管理者用)

    風柳へひとこと(web拍手) 

    「おもいつき」カテゴリの記事

    「パソコン・インターネット」カテゴリの記事

    トラックバック

    この記事のトラックバックURL:

    記事との関連性が薄いものやSPAM等、管理人が不適切と見なしたトラックバックについては予告無く削除する場合が有ります。悪しからずご了承下さい。

    この記事のトラックバックURL:
    http://app.cocolog-nifty.com/t/trackback/161784/41060893

    この記事へのトラックバック一覧です： Yin and Yang：リンク先の内容をその場で表示するスクリプト(Greasemonkey／SeaHorse／ブックマークレット):

    » ブックス・ランキングでトレンドチェック トラックバック ブックス・ランキングでトレンドチェック
    参考になりました。 続きを読む

    受信： 2008/05/03 15:34:01

    コメント

    コメントを書く






    戻るリンク追加

    カレンダー

    2009年7月
    日 月 火 水 木 金 土
          1 2 3 4
    5 6 7 8 9 10 11
    12 13 14 15 16 17 18
    19 20 21 22 23 24 25
    26 27 28 29 30 31  

    ココログカレンダーPlus

    検索

    伝言板

      • ■[2009/06/14 16:39]
        　by 風柳＞facet さん
        　

        | いつ「別館」取れたんですか？

        あはは、気がつきました？
        6/7に" - 別館：書庫のある庵 -"を外しています。

        実情にそぐわないというのと、検索結果などでタイトルが省略されるとき、長いブログ名だと肝心の記事タイトルがほとんと見えない、というのが前々から気になってはいたので、思い切って変えてみました。

      • ■[2009/06/14 07:54]
        　by facet
        　

        今気付きました。
        いつ「別館」取れたんですか？

      • ■[2009/04/29 14:42]
        　by BANA
        　

         風柳さん素早いご対応ありがとうございます！
        すごく助かります＞＜

        新しいスクリプトに変えたところ、windowsでも表示されました＾＾
        新しいスクリプトも書いて下さりありがとうございました（´∀｀）
        お陰様ですぐに新しいカレンダーに変えることができました

        Macでの動作確認は出来ないとのことで、無理なお願いをしてしまい申し訳ありません；
        Macでも表示されていましたｂ

        仰ったとおりにスクリプトのマイリストを上の方に持って行ったら表示も速くなりました！

        ご教授ありがとうございます＞＜！

      • ■[2009/04/28 22:07]
        　by 風柳＞BANA さん
        　

        BANA さん、どうもです。

        ざっと調べてみたのですが、ちょっと原因がわからず……申し訳ない。
        あと、貼付けられているカレンダーは旧バージョンで、今はメンテしていないので(すみません)よろしければ新バージョン
        http://furyu.tea-nifty.com/annex/2008/01/plus_aa88.html
        を試していただけるとありがたいです。

        BANAさんの現在の設定に合わせると、

        <style type="text/css">
        #banner-body-bottom {
        text-align: center;
        padding: 4px;
        }
        #Line-Calendar {
        font-family: verdana;
        font-size: 10px;
        color: #696969;
        text-align: center;
        display: block;
        padding: 4px;
        border: 1px solid #696969;
        }
        #Line-Calendar a { color: #FF34B3; }
        #Line-Calendar a:hover { color: white; }
        </style>

        <script type="text/javascript" src="http://furyu.tea-nifty.com/script/dayChecker.js"></script>
        <script type="text/javascript" src="http://furyu.tea-nifty.com/script/cocoCalendarPlus.js"></script>
        <script type="text/javascript">
        with (cocoCalendar) {
        leftArrow='&lt;&lt;'; // ナビ(左)のフォーマット
        leftArrowTitle='前の月'; // ナビ(左)のタイトル(リンク要素のtitle属性)
        rightArrow='&gt;&gt;' // ナビ(右)のフォーマット
        rightArrowTitle='次の月'; // ナビ(右)のタイトル(リンク要素のtitle属性)
        english=true; // true: 月と曜日を英語表示
        Monday1st=false; // true: 月曜日を週初めとする
        showEntryTitle=true; // true: 日付リンク上にマウスがあるとき、記事タイトルを表示
        popupTitleList=true; // 記事のタイトルのポップアップ設定(showEntryTitle=trueでのみ有効)
        // true: その日の記事タイトル一覧をポップアップ表示
        // false: その日の記事1つだけをタイトル表示(リンク要素のtitle属性使用) 
        popupOffsetTop=16; // ポップアップする縦オフセット位置(px)
        popupOffsetLeft=8; // ポップアップする横オフセット位置(px・左サイドバー用)
        popupOffsetRight=120; // ポップアップする横オフセット位置(px・右サイドバー用)
        popupHideDelay=500; // ポップアップを消すまでの待ち時間(ms)
        addLinkToCaption=true; // true: キャプションに月別アーカイブへのリンク設置
        changeCalendarOnly=true; // true: ページ遷移無しでカレンダーのみ切り替え
        dateArchive=false; // true: 日別アーカイブへのリンク有効(日別アーカイブ作成時のみ設定可)
        showLineCalendar=true; // true: ラインカレンダーを表示
        hideCalendar=true; // true: カレンダーを隠す(ラインカレンダーのみ表示したい場合)
        calendarOnload=function(){}; // カレンダー表示後の呼出し関数

        cssUri=''; // 外部CSSファイル

        // 表示開始
        init();
        }
        </script>

        を「設置用HTML」欄に貼付けたあと、[ココログに設置]ボタンを押し、後は画面の指示に従って下さい（途中、「ブログパーツをサイドバーに設置」画面で「確認」欄にプレビューが表示されないのは仕様ですので、気にしないで下さい)。

        それと、当方Macを持っていないため、そちらの確認は出来ません。これまた申し訳ない……。

        ただ、一般的には、管理画面の「並べ方を変更」で、"カレンダー"をサイドバーの一番(右)上に移動し（BANAさんの場合はdisplay:none;にされているのでブログ上では見えないですが)、そのすぐ下に"ココログカレンダーPlus"を持ってくることで、表示が若干は早くなると思います。

      • ■[2009/04/28 20:03]
        　by BANA
        　

        連続ですみません；；
        あと、ラインカレンダーが表示されるのが遅くなってしまう（マック）のですが、早く表示させるにはどうしたらよいでしょうか??

    最近のコメント

    最近のトラックバック

    カテゴリークラウド

    過去ログ

    カテゴリー

    バックナンバー

    記事ツリー

    コメントリストツリー化

    リンク

    訪問者

    ブログ:ココログ
    フォト

    AccessAnalyzer.com