Home > スポンサー広告 > User JavaScriptの練習 - 要素の位置を変える

スポンサーサイト

スポンサー広告

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

Comments:-

Comment Form

Trackback+Pingback:-

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

Home > スポンサー広告 > User JavaScriptの練習 - 要素の位置を変える

Home > user javascript > User JavaScriptの練習 - 要素の位置を変える

User JavaScriptの練習 - 要素の位置を変える

user javascript

Opera User JavaScriptを分からん人間が役に立たないスクリプトを書いています。

Operaのホームページの要素の順番を変える

下のスクリプトを実行すると、Operaのホームページのヘッダとメニューの位置が入れ替わる。

// ==UserScript==
// @include http://www.opera.com/*
// @include http://jp.opera.com/*
// @exclude
// ==/UserScript==

document.addEventListener('load', function() {
    var top = document.getElementById('top');
    var menu = document.getElementById('menu');
    top.parentNode.insertBefore( menu, top );
}, false);

insertBefore()で 'menu'idの要素を 'top'idの要素の前に挿入する。

参考にしたサイト

4.7.?Inserting content before an element [Dive Into Greasemonkey]


Operaのホームページの要素の位置を入れ替える

Operaのホームページのヘッダとフッタの位置を入れ替える。

上のOperaのホームページの要素の順番を変えるスクリプトでもヘッダとメニューが入れ替わっているが、スクリプトが実行しているのはメニューをトップの前に挿入しているだけです。

下のスクリプトではフッタをヘッダに置き換えて、ヘッダのあった位置にフッタを挿入している。

// ==UserScript==
// @include http://www.opera.com/*
// @include http://jp.opera.com/*
// @exclude
// ==/UserScript==


document.addEventListener('load', function() {
    var top = document.getElementById('top');
    var footer = document.getElementById('footer');
    // フッタを挿入するためのヘッダの次の位置を取っておく
    var nexttop = top.nextSibling;
    // フッタをヘッダに置き換える
    footer.parentNode.replaceChild(top, footer);
    // フッタを挿入
    nexttop.parentNode.insertBefore( footer, nexttop);
}, false);

replaceChild()で 'footer'idの要素を 'top'idの要素に置き換える

'footer'idの要素を先に取っておいた 'top'idの要素の次のノードの前に挿入する

参考にしたサイト

4.8.?Inserting content after an element [Dive Into Greasemonkey]

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
http://karafuto50.blog117.fc2.com/tb.php/44-2b8cd57e
Listed below are links to weblogs that reference
User JavaScriptの練習 - 要素の位置を変える from Karafuto Blog

Home > user javascript > User JavaScriptの練習 - 要素の位置を変える

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

Page Top

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