新しい仕様の広告のサイズ（高さ）の取得方法
by
LBさん
(122a5995)
投稿数：3回
(ベストアンサー：1回)
(ベストアンサー：1回)
2015/07/17 22:54
広告の仕様変更により、画面下部にフロート表示していた「ページトップに戻るリンク」が広告とかぶってしまったので、Javascript（jQuery）を使って広告の高さを取得して「ページトップに戻るリンク」の位置を上にずらそうと思ったのですが、うまくいきません。
新しい広告は<body>開始タグの直後にスクリプトを挿入し、そのスクリプトによって</body>タグの直前に<div>タグに囲まれた広告を動的に挿入するようです。
DOM変更タイミングとスクリプト実行タイミングの問題でしょうか。
私が試したスクリプトは以下の通りです。
●その1
$('body').on('load','img[src="https://ad.xdomain.ne.jp/img/close.png"]',function() {
var $xAd = $(this).parent('div');
var xAdHeight = $xAd.height();
$('#pagetop').css('bottom','+=' + xAdHeight);
});
●その2
$('img[src="https://ad.xdomain.ne.jp/img/close.png"]').on('load',function() {
var $xAd = $(this).parent('div');
var xAdHeight = $xAd.height();
$('#pagetop').css('bottom','+=' + xAdHeight);
});
どちらの方法でもうまくいきませんでした。
jQueryでなくてもいいので、何か方法をご存知の方、ご教授いただけませんか。
新しい広告は<body>開始タグの直後にスクリプトを挿入し、そのスクリプトによって</body>タグの直前に<div>タグに囲まれた広告を動的に挿入するようです。
DOM変更タイミングとスクリプト実行タイミングの問題でしょうか。
私が試したスクリプトは以下の通りです。
●その1
$('body').on('load','img[src="https://ad.xdomain.ne.jp/img/close.png"]',function() {
var $xAd = $(this).parent('div');
var xAdHeight = $xAd.height();
$('#pagetop').css('bottom','+=' + xAdHeight);
});
●その2
$('img[src="https://ad.xdomain.ne.jp/img/close.png"]').on('load',function() {
var $xAd = $(this).parent('div');
var xAdHeight = $xAd.height();
$('#pagetop').css('bottom','+=' + xAdHeight);
});
どちらの方法でもうまくいきませんでした。
jQueryでなくてもいいので、何か方法をご存知の方、ご教授いただけませんか。
