2

このページを見ると、下部に空白がたくさんあります。

そのページでGreasemonkeyのようなスクリプトを使用したいと思います。これは、その空白の一部を利用し、そこに別のページをロードします（iFrameのようなものを使用）。

  • そのiFrameタイプのもの（下3分の1）にロードしたいURLは、常にView Amazon Product Page指しているものです。
  • そのため、コードでページを見て、そのリンクが指している場所を見つける必要があります。（これは変化するビットであるため）
  • iFrameタイプのものは下3分の1に入れたいです。(それは、下の 4 分の 1、下の 5 分の 1 になる可能性があります.. 文字通りという意味ではありません..!)

これについてブレインストーミングを行うのを手伝っていただければ、とても感謝しています。

オプションの読み取り

GreaseMonkey ほどではありませんが、

これは Fluid.app の Greasekit 用です(これは非常に古いですが、使用に制限されています)。グリースキットと非常に似ているため、おそらくそれを知る必要さえありません。したがって、この質問の目的のために、そうであるふりをすることができます.

唯一の違いは、このビットを実行する必要がないことです。

//==UserScript==
//@name        _Displaying an iframe type thing in the lower third
//@include     https://dl.dropboxusercontent.com/u/5546881/*
//@grant       none
// ==/UserScript==

私の答えの試み

var findlink  = document.getElementsByTagName('a');
for (var i = 0;i=“View Amazon Product Page” ; i++ ) {
link result = findlink.getAttribute('href')

}

$(document.body).append (
'<iframe src=+ link + >'
);
4

1 に答える 1

3
  • jQuery を使用できるので、jQuery セレクターを使用して製品リンクを取得します。
  • 次に、iFrame を追加しますが、ID を指定します。
  • CSS を使用して位置とサイズを調整します。

リンクした Dropbox ページの構造に基づいて、コードは次のようになります。

var prodLinks = $("td.product_description a:contains('View Amazon Product Page')");
if (prodLinks.length) {
    var iframeSrc = prodLinks[0].href;
    $("body").append ('<iframe id="gmIframe" src="' + iframeSrc + '"></iframe>');

    $("#gmIframe").css ( {
        "position":     "absolute",
        "bottom":       "1em",
        "left":         "2em",
        "height":       "30%",
        "width":        "94%",
        "z-index":      "17",
        "background":   "#00FF00"
    } );
}

警告：

これは、次の条件の少なくとも 1 つが満たされている場合にのみ機能します。

  • iframe は同じドメインです。
  • iframe の Web サイトでは、クロスオリジンのフレーミングが禁止されていません。( www.amazon.co.uk はそのようなフレーミングを禁止しています。)
  • クロスオリジン制限を尊重しないブラウザを使用しています。Firefox はそれを尊重しますが、Fluid がそうするかどうかはわかりません。
于 2013-11-24T23:34:37.903 に答える