スタイルシートを無効にする

ブックマークレット
スタイルシートを無効にするブックマークレット
説明
開いているページのスタイルシートを無効にします。フレームページでは動作しません。
動作環境
IE5、NN6
最終更新日
2004-07-19 (2003-04-19作成)
ソースコード
(function() {
    with (document)
        var e = getElementsByTagName('*'),
            s = styleSheets, i;
    for (i = 0; i < e.length; i++)
        e[i].removeAttribute('style');
    for (i = 0; i < s.length; i++)
        s[i].disabled = true;
})();

代替スタイルシート切替フォームを作る

ブックマークレット
代替スタイルシート切替フォームを作るブックマークレット
説明
HTML文書の代替スタイルシートを切り替え、閲覧するためのフォームをページ右上に生成します。フレームページでは動作しません。
動作環境
IE5、NN6
最終更新日
2004-09-12作成
ソースコード
(function() {
    with (document) {
        var d  = body.appendChild(createElement('div')),
            s  = d.appendChild(createElement('select')),
            ss = styleSheets, l = ss.length, t = [], i;
        for (i = 0; i < l;)
            with(ss[i++])
                if (title && !t[title]) {
                    t[title] = true;
                    s.appendChild(createElement('option')
                        ).appendChild(createTextNode(title));
                }
    }
    with (d.style) {
        position = 'absolute';
        top = right = 0;
    }
    s.onchange = function() {
        for (i = 0; i < l;)
            with (ss[i++])
                disabled = !title || title == this.options[
                    this.selectedIndex].text ? false : true;
    };
})();

画像をALTテキストに置き換える

ブックマークレット
画像をALTテキストに置き換えるブックマークレット
説明
すべてのIMG要素をALT属性で表される代替テキストに置き換えます。フレームページでは動作しません。
動作環境
IE5、NN6
最終更新日
2004-05-01作成
ソースコード
with(document)
    while(images.length < 0)
        images[0].parentNode.replaceChild(
            createTextNode(images[0].alt),
            images[0]
        );
void(0);

画像をウィンドウに合わせてサイズ変更する(IE版)

ブックマークレット
画像をウィンドウに合わせてサイズ変更するブックマークレット(IE版)
説明
MSIE6の「画像を自動的にサイズ変更する」機能のように、ブラウザに単独で表示された画像を、ウィンドウに合わせてサイズ変更します。ウィンドウに収まりきらない大きな画像の全体をひと目で見渡すことができます。テスト用画像(60KB, 663x944ピクセル)あります。
動作環境
IE5
最終更新日
2004-09-12 (2003-12-01作成)
ソースコード
(function() {
    var d = document,
        b = d.body,
        i = d.images[0],
        w = i.width,
        h = i.height;
    b.style.margin = 0;
    (onresize = function() {
        i.width = 1; /* スクロールバーを消す */
        i.width = w * Math.min(b.clientWidth  / w,
            b.clientHeight / h, 1);
    })();
})();

画像をウィンドウに合わせてサイズ変更する(NN版)

ブックマークレット
画像をウィンドウに合わせてサイズ変更するブックマークレット(NN版)
説明
画像をウィンドウに合わせてサイズ変更する(IE版)のNN対応版です。
動作環境
NN6
最終更新日
2004-09-12作成
ソースコード
(function() {
    var d = document,
        i = d.images[0],
        w = i.width,
        h = i.height;
    d.body.style.margin = 0;
    (onresize = function() {
        i.width = 1;
        i.width = w * Math.min(
            innerWidth / w, innerHeight / h, 1);
    })();
})();

画像を全画面表示する

ブックマークレット
画像を全画面表示するブックマークレット
説明
ブラウザに単独で表示された画像を全画面で表示します。大きな画像は画面に収まるよう大きさに縮小し、小さな画像は画面に合う大きさに拡大します。テスト用画像(60KB, 663x944ピクセル)あります。
動作環境
IE5
最終更新日
2004-08-10 (2004-07-17作成)
ソースコード
(function() {
    var i1 = document.images[0],
        w  = i1.width,
        d  = open('', '', 'fullscreen=yes').document,
        b  = d.body,
        i2 = b.appendChild(d.createElement('img'));
    i2.src = location.href;
    i2.width = w * Math.min(
        b.clientWidth  / w,
        b.clientHeight / i1.height
    );
    b.style.margin = 0;
})();

画像を全画面表示する(Donut版)

ブックマークレット
画像を全画面表示するブックマークレット(Donut版)
説明
画像を全画面表示するのタブブラウザ対応版です。IEコンポーネントを利用したタブブラウザでも動作すると思います。Donut R 2.45、Sleipnir 1.63での動作を確認しました。
動作環境
IE5
最終更新日
2004-08-10作成
ソースコード
(function() {
    var i1 = document.images[0],
        w  = i1.width,
        m  = showModelessDialog(location.href).self,
        d  = m.open('', '', 'fullscreen=yes').document,
        b  = d.body,
        i2 = b.appendChild(d.createElement('img'));
    m.close();
    i2.src = location.href;
    i2.width = w * Math.min(
        b.clientWidth  / w,
        b.clientHeight / i1.height
    );
    b.style.margin = 0;
})();

画像をスライドショウにする

ブックマークレット
画像をスライドショウにするブックマークレット
説明
ブラウザに単独で表示され、"001.jpg, 002.jpg, ..."のようにファイル名が連番になった画像を連続で表示します。このブックマークレットを実行したらEnterキーを押すことで次の画像にスライドします。と、今のところ手動です。
動作環境
IE4
最終更新日
2004-07-19作成
ソースコード
var d = document, i = d.images[0], m, r, n;
d.onkeypress = function() {
    if (event.keyCode != 13) return true;
    m = i.src.match(/(0*)(\d+)([^\d]*)$/);
    with (RegExp) {
        n = $2 - 0 + 1 + '';
        r = $1 == '' ? n : ($1 + n).slice(($1 + $2).length * -1);
        i.src = i.src.replace(m[0], r + $3);
    }
    return false;
};
void(0);

パスワード入力欄のマスクを取る

ブックマークレット
パスワード入力欄のマスクを取るブックマークレット
説明
「*」(アスタリスク、米印)等で隠された入力欄のパスワードを表示します。IEではこの操作はできないようです。
動作環境
NN6
最終更新日
2004-11-27作成
ソースコード
(function() {
    var is = document.getElementsByTagName('input'), i;
    for (i = 0; i < is.length;i++)
        if (is[i].type == 'password')
            is[i].type = 'text';
})();

行内フレームをリンクに置き換える

ブックマークレット
行内フレームをリンクに置き換えるブックマークレット
説明
HTMLのIFRAME要素によるインラインフレームをリンクに置き換えます。フレームページでは動作しません。
動作環境
IE5、NN6
最終更新日
2005-04-26作成
ソースコード
(function(){
    var d = document, f = d.getElementsByTagName('iframe'), a;
    while (f.length > 0) {
        a = d.createElement('a');
        a.href = f[0].src;
        a.appendChild(d.createTextNode('[iframe]'));
        f[0].parentNode.replaceChild(a,f[0])
    }
})()

表の枠線を表示する

ブックマークレット
表の枠線を表示するブックマークレット
説明
HTMLのTABLE要素によるすべての表の枠線を表示します。フレームページでは動作しません。
動作環境
IE5、NN6
最終更新日
2005-04-26作成
ソースコード
(function() {
    var t = document.getElementsByTagName('table'), i;
    for (i = 0; i < t.length; i++) t[i].border = 2;
})();
Last-Modifed: 2005-04-26
This is Index of confetto. © 2003-2005 confetto.