Iframe на Blogger JavaScript не работает - PullRequest
Новая
       11

Iframe на Blogger JavaScript не работает

0 голосов
/ 06 января 2011

У меня есть iframe, который содержит некоторый javascript, который должен срабатывать при загрузке тела, в то время как iframe отлично работает, когда встроен в простую HTML-страницу, при интеграции в виджет HTML / javascript блоггера, javascript в iframe не работает .. в Firefox bc вирусы и панели инструментов кушали IE?

Страница Iframe 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title> 
     <script language="javascript" type="text/javascript">
       function change() {
           var text = "someaddress";
           window.location = "http://something.com/fb2.aspx" + "?url=" + text;
       }
   </script>
</head>
<body bgcolor="#333333" onload="change()">
</body>
</html>

Код HTML / виджет JavaScript в блоге Blogger 

<iframe scrolling="no" src="http://something.com/fb.htm" width="200" height="70" 
frameborder="0" name="myInlineFrame"></iframe>

И сам iframe, встроенный в эту простую HTML-страницу, выполняет javascript, как и должен 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test Stats page</title>
</head>
<body>
<iframe src="fb.htm" runat="server" id="iframe1" width="500" height="500"></iframe>

</body>
</html>

1 Ответ

1 голос
/ 06 января 2011

За кулисами кажется, что система виджетов / гаджетов Blogger использует метод добавления кода в DOM, который исключает выполнение любого JavaScript.Часто это может произойти, если контент добавляется путем добавления его к объекту .innerHTML.Элемент DOM отображается, но любой включенный JavaScript не выполняется.

Обходной путь для этого выходит за рамки этого вопроса, поскольку это проблема блоггера.

Решение для вас состоит в том, чтобыотредактируйте шаблон Blogger напрямую и вставьте IFRAME туда, где он должен отображаться в самом шаблоне.Другими словами, не используйте виджет.

Ниже приведена часть моего собственного шаблона Blogger с iframe прямо перед закрывающим элементом body: 

   </div>
  </div>
 </div>

 <script type='text/javascript'>
  window.setTimeout(function() {
     document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
   }, 10);
  </script>

  <!-- Iframe in template -->
  <iframe scrolling="no" src="http://somedomain.com/fb.htm" width="200" height="70" 
     frameborder="0" name="myInlineFrame"></iframe>
  <!-- Iframe in template -->

</body>

  <macro:includable id='sections' var='col'>
   <macro:if cond='data:col.num == 0'>
   <macro:else/>
...