リンク先げったー(リンク先を画面上部に表示するブックマークレット)


なかなか、つまらんものを作りました。

リンク先げったーというショボブックマークレットです。
あまりにもショボイので公開するか迷いましたが、何かの訳に立てば・・・。

概要

f:id:p_r_party:20100921005810p:image

画像の通り、クリックしたリンク先のURLを画面上部に表示するだけのブックマークレットです。

使い方

↑の「リンク先げったー」リンクを、お気に入りツールバーにドラッグするか、右クリックして「お気に入りに追加」するだけです。

用途

著者はYouTubeの動画をダウンロードするために使用しています。
※ダウンロードする際にURLが必要なので。

注意

  • ブックマークレットを起動したタイミングで全リンクが無効化されます。(マウスクリックのみ。画像リンクについても)
  • 用途はYouTubeだけではないとは思いますが、念のため。YouTubeにアップロードされた違法な動画をダウンロードする事は、違法です。

ソース

かなりショボソースですけど、まぁ一応載せておきます。
目新しい事なんて何もしてないんだから!!!

/*
 * @title リンク先げったー
 * @description クリックしたアンカーのURLを画面上部へ表示します。著者がYouTubeで動画のURLを取得するために作成しました。違法な動画のダウンロードには絶対に使用しないこと。例外処理一切なし&ちょっとした動作確認しかしていないので、変なとこがあったら言ってください。直します。ChromeとIEで軽く動確済み。
 * @license MIT License
 * @require 
 */

javascript:(function(){
  //ボディ取得
  var b = document.getElementsByTagName("body").item(0);
  //イベント追加のためにAタグ検索
  var as=document.getElementsByTagName('a');
  //イベント無効化のためIMGタグ検索
  var is=document.getElementsByTagName('img');

  //HTML表示用のDIV生成
  var d = document.createElement('div');
  d.id = 'nd'; 
  d.style.backgroundColor  = '#555555';
  d.style.color  = '#FFFFFF';
  d.style.borderWidth  = '1px';
  d.style.borderColor  = '#222222';
  d.borderStyle  = 'dashed';
  d.style.fontSize  = '9px';

  //要素を追加。決めうちで一番最初のDIVの前。適当でごめんね。
  b.insertBefore(d,document.getElementsByTagName('div').item(0));

  //HTML表示用のDIVにURLを追加する関数
  function addHtml(u){
    var e = document.getElementById('nd');

    var c = document.createElement('div');
    c.id = 'nd';

    if (typeof c.textContent != "undefined") {
      // DOM3
      c.textContent  = u;
    } else {
      // IE
      c.innerText = u;
    }
    e.appendChild(c);
  }

  //全Aタグにイベント追加。リンクもしないように。
  for(var i = 0; i < as.length; i++){
    as[i].onclick = function(e){
      addHtml(this.href);
      return false;
    } 
  } 

  //全IMGタグのonclickイベント無効化。
  for(var i = 0; i < is.length; i++){
    is[i].onclick = function(e){return false;} 
  } 

}())

よかったら使ってね。