1

FirefoxとChromeでうまく機能する次のスクリプトがあります（他のブラウザについてはわかりません）が、IEではまったく機能しません。基本的に、ウィンドウオープナーの項目を強調表示するためにdivを追加するポップアップを開きます。同じサイトの複数のページで機能させたいので、メインウィンドウ（window.opener）にdivを作成する関数を追加したくありませんでした。申し訳ありませんが、動作するデモを投稿できませんでした-window.openerはビンで動作しません。

<button>Open popup</button>
<script type="text/javascript">
$(document).ready(function(){
 $(':button').click(function(){
  var highlight = "" +
   "<button>Click to Add Highlight</button>" +
   "<scr"+"ipt type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js'></scr"+"ipt>" +
   " <scr"+"ipt type='text/javascript'>" +
   " $(':button').click(function(){" +
   "  $('<div/>', {" +
   "   'class': 'highlight'," +
   "   css: {" +
   "    position:   'absolute'," +
   "    height:     '50px'," +
   "    width:      '50px'," +
   "    left:       '200px'," +
   "    top:        '200px'," +
   "    background: '#fff'," +
   "    opacity:    0.5," +
   "    zIndex:     99" +
   "   }" +
   "  }).appendTo( $(window.opener.document.body) );" +
   " })" +
   " </scr"+"ipt>";
  var w = window.open('','highlighter','toolbar=0,location=0,status=0,width=200,height=100,scrollbars=1,resizable=1');
  w.document.write(highlight);
  w.document.close();
 })
})
</script>

また、appendChildを使用しようとしましたが成功しませんでした。私は最終的にこの方法が機能することを発見しましたが、それは恐ろしい解決策であり、ページを点滅させます。

if ($.browser.msie){
 var d = '<div class="highlight" style="position:absolute;height:50px;' +
  'width:50px;left:200px;top:200px;background:#fff;opacity:0.5;' +
  'filter:alpha(opacity=50);zIndex:99;"></div>';
 window.opener.document.body.innerHTML = window.opener.document.body.innerHTML + d;
}

より良い解決策を知っている人はいますか？

4

2 に答える 2

2

私は問題を見つけたと思います。jQueryのバグかもしれませんが、わかりません...助けを求めるために別の質問を投稿します。

そこで、文字列を追加するだけでこの問題の解決策を見つけました。何らかの理由で、IEのjQueryはオブジェクトを追加しません。したがって、これは機能します。

if ($.browser.msie){
 var d = '<div class="highlight" style="position:absolute;height:50px;width:50px;left:200px;' + 
  'top:200px;background:#fff;opacity:0.5;filter:alpha(opacity=50);zIndex:99;"></div>';
 $(window.opener.document.body).append(d);
}

編集： Pointyは別の質問で私の問題を解決しました。バグではないことがわかりましたが、IEではウィンドウの外で作成されたオブジェクトを追加できません。彼の解決策は次のとおりです。

window.opener.$('<div/>', {
 'class': 'highlight',
 css: {
  position:   'absolute',
  height:     '50px',
  width:      '50px',
  left:       '200px',
  top:        '200px',
  background: '#fff',
  opacity:    0.5,
  zIndex:     99
 }
}

ただし、window.openerがjQueryv1.4以降を使用していることを確認してください。

于 2010-02-18T14:42:57.283 に答える
0

あなたはそれを開かなかった

var w = window.open(...);
w.document.open(); //Open the document up
w.document.write(highlight);
w.document.close();

エリック

于 2010-02-17T17:30:06.600 に答える