Home > スポンサー広告 > User JavaScriptの練習 - object要素で外のページを表示

スポンサーサイト

スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comments:-

Comment Form

Trackback+Pingback:-

TrackBack URL for this entry
http://karafuto50.blog117.fc2.com/tb.php/88-d047037b
Listed below are links to weblogs that reference
スポンサーサイト from Karafuto Blog

Home > スポンサー広告 > User JavaScriptの練習 - object要素で外のページを表示

Home > user javascript > User JavaScriptの練習 - object要素で外のページを表示

User JavaScriptの練習 - object要素で外のページを表示

user javascript

Opera User JavaScriptを分からん人間が練習してます。

サイトに外のページを埋め込む

Yahoo!デベロッパーネットワーク - 検索パラメータ仕様 - Yahoo!検索(ウェブ検索)がページ上に開かれたYahoo!検索

Yahoo!検索@を押すと、Yahoo!デベロッパーネットワーク - 検索パラメータ仕様 - Yahoo!検索(ウェブ検索)がページ上に開く。

// ==UserScript==
// @include http://search.yahoo.co.jp/*
// @exclude
// ==/UserScript==

document.addEventListener('load', function() {
    
    // object要素の作成
    var objectElement = document.createElement('object');
    objectElement.setAttribute( 'type', 'text/html');
    objectElement.setAttribute( 'height', '400');
    objectElement.setAttribute( 'width', '800');
    objectElement.setAttribute( 'data', 'http://developer.yahoo.co.jp/query_parameters/websearch.html');
    objectElement.style.cssText = 'position: absolute;' + 'bottom: 0;' + 'z-index: 100;' + 'border: 1px solid black;' + 'display: none;';
    document.body.appendChild( objectElement);

    // 「@」キーを押すと表示
    document.addEventListener('keydown', function(e) {
        if(e.target.nodeName=='INPUT'){
            return;
        }
        if (String.fromCharCode(e.keyCode) == '@') {
            objectElement.style.display = ( objectElement.style.display? '': 'none');
        }
    }, false);
}, false);

object要素で外のページを埋め込んでいる。

<object data="http://developer.yahoo.co.jp/query_parameters/websearch.html" type="text/html" height="400" width="800">

外のページをウィンドウで開く

Yahoo!検索の上に開いたYahoo!デベロッパーネットワーク - 検索パラメータ仕様 - Yahoo!検索(ウェブ検索)のウィンドウ

Yahoo!検索@を押すと、Yahoo!デベロッパーネットワーク - 検索パラメータ仕様 - Yahoo!検索(ウェブ検索)が新しいウィンドウに開かれる。

こっちのほうがずっと簡単です。 わざわざ User Javascriptでやらなくても、ブックマークレットで十分だが、スクリプトにした。

// ==UserScript==
// @include http://search.yahoo.co.jp/*
// @exclude
// ==/UserScript==

document.addEventListener('load', function() {

    // 「@」キーを押すと、ウィンドウを開く
    document.addEventListener('keydown', function(e) {
        if(e.target.nodeName=='INPUT'){
            return;
        }
        if (String.fromCharCode(e.keyCode) == '@') {
            var newWindow = window.open( 'http://developer.yahoo.co.jp/query_parameters/websearch.html', 'new', 'width=800,height=400,top=200');
            newWindow.focus();
        }
    }, false);
}, false);

window.open( url, ウィンドウの名前, オプション);

window.open( 'http://developer.yahoo.co.jp/query_parameters/websearch.html', 'new', 'width=800,height=400,top=200');

注意: Operaのポップアップの設定が「すべてのポップアップの設定を無効にする」にしてあると、外のページのウィンドウは開けない。

参考

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
http://karafuto50.blog117.fc2.com/tb.php/88-d047037b
Listed below are links to weblogs that reference
User JavaScriptの練習 - object要素で外のページを表示 from Karafuto Blog

Home > user javascript > User JavaScriptの練習 - object要素で外のページを表示

おまかせリンク(R)
全記事表示リンク
Search
Meta
Feeds

Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。