Проблемы с IE и добавлением в window.opener - PullRequest
Новая
       18

Проблемы с IE и добавлением в window.opener

1 голос
/ 17 февраля 2010

У меня есть следующий скрипт, который хорошо работает в Firefox и Chrome (не уверен в других браузерах), но он не работает вообще в IE. Он в основном открывает всплывающее окно, которое добавляет div, чтобы выделить элемент в открывателе окна. Я хочу, чтобы он работал на нескольких страницах на одном сайте, поэтому я не хотел добавлять функцию для создания div в главном окне (window.opener). Извините, я не смог опубликовать рабочую демонстрацию - 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;
}

Кто-нибудь знает лучшее решение?

Ответы [ 2 ]

2 голосов
/ 18 февраля 2010

Я думаю, что нашел проблему. Это может быть ошибка jQuery, но я не могу сказать ... Я отправлю другой вопрос, чтобы получить помощь.

Итак, я нашел решение этой проблемы, просто добавив строку. По какой-то причине jQuery в IE не добавляет объект. Так что это работает: 

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);
}

Редактировать: Пойнти решил мою проблему в другой вопрос . Оказывается, это не ошибка, но 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 использует jQuery v1.4 или выше.

0 голосов
/ 17 февраля 2010

Вы не открыли его 

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

Eric

...