This site uses cookies to deliver our services. By using this site, you acknowledge that you have read and understand our Cookie and Privacy policy. Your use of Kontext website is subject to this policy. Allow Cookies and Dismiss

AjaxControlTookit中的Ajax以及JQuery中的Ajax与iframe的兼容性问题

225 views 0 comments last modified about 10 years ago Raymond Tang

在IE中,标题中提到的Ajax 的运用中如果有frame元素那么则会出错

比如:

<ajaxToolkit:ModalPopupExtender ID="ModalPopupShowDealDetail" runat="server"
         TargetControlID="HiddenShowDealDetail" DropShadow="true" PopupControlID="PanelShowDealDetail"
         BackgroundCssClass="modalBackground" Y="20" CancelControlID="ImageButtonClose" PopupDragHandleControlID="PanelTitle">
      </ajaxToolkit:ModalPopupExtender>
      <input id="HiddenShowDealDetail" type="hidden" runat="server" />
      <asp:Panel ID="PanelShowDealDetail" Style="display: none" CssClass="modalPopup"
         runat="server" Height="550px" Width="700px">
         <asp:Panel ID="PanelTitle" runat="server" CssClass="popupTitlePanle">
           <span style="float:right">
              <asp:ImageButton ID="ImageButtonClose" Width="20px" ImageUrl="~/Images/BillDealFlow/error.gif" runat="server" ToolTip="关闭" /></span><span id="popupTitle"></span>
         </asp:Panel>
         <div id="iframeContainer">
         </div>
      </asp:Panel>

如果我在红色的div内部加入一个iframe元素

<div id="iframeContainer"><iframe />
   </div>

那么整个Ajax的加载就会出错

解决的访问是等页面加载完通过Javascript为div创建iframe元素就不会出错了

function openPopup(popupId,url,title,titleId,iwidth,iheight,containerId)
      {
      var p=$find(popupId);
      var d=$get(containerId);
      var t=$get(titleId);
      if(t!=null)
      {
      t.innerText=title;
      }
      var iframes=d.getElementsByTagName('iframe');
      if(iframes!=null)
      {
      for(var i=0; i<iframes.length;i++)
      {
      d.removeChild(iframes[i]);
      }
      }
      var iframe=document.createElement('iframe');
      iframe.src=url;
      d.appendChild(iframe);
     
      if(p!=null)
      {
      if(iframe!=null)
      {
      iframe.src=url;
      iframe.border=0;
      iframe.frameBorder=0;
      iframe.scrolling="no";
      iframe.marginwidth=0;
      iframe.style.width=iwidth;
      iframe.style.height=iheight+'px';
      p.show();
      return true;
      }
      }
      return false;
      }
      </script>

类似的问题还会出现在xslt中


Related pages

Issue - Unable to get property 'apply' of undefined or null reference occurred in Angular 4.*, VS2017 15.3, ASP.NET Core 2.0

7419 views   10 comments last modified about 2 years ago

Issue Context After installed Visual Studio 2017 15.3 preview and .net core 2.0 preview SDK, I upgraded one of my existing asp.net core project to 2.0. The project was created using ‘dotnet new angular’ SPA template.&nbsp; I also upgraded all the client app packages to the latest. For exa...

View detail

[Link] Build SPA on ASP.NET Core with JavaScript Services

509 views   0 comments last modified about 2 years ago

Great introduction about JavaScriptServices ( JavaScriptServices GitHub repository ): Microsoft.AspNetCore.SpaTemplates plugs into dotnet new , providing project templates for Angular 2, Aurelia, Knockout...

View detail

input submit input text css的写法

138 views   0 comments last modified about 11 years ago

本文介绍如何修改input控件submit以及text不同类型的样式。

View detail

JavaScript版本的杨辉三角

314 views   0 comments last modified about 9 years ago

前几天帮一个学弟写的,JavaScript版本的杨辉三角,其实和其他C、Java等等版本的都差不多。代码如下:

View detail

在网页中通过userAgent获取手机获取手机操作系统类型

1454 views   0 comments last modified about 8 years ago

本文介绍如果在JavaScript中根据手机浏览器提供的信息userAgent判断手机操作系统的类型,并执行相应的操作。

View detail

在.Net中使用msxsl:script脚本块扩展XSLT的具体实践与应用

372 views   0 comments last modified about 9 years ago

一概述XSLT可以用于将XML格式的数据转换为其它格式,在数据和展示分开以及数据相互转换中可以得到广泛的应用,比较典型的是以前的动网论坛模板系统以及动易的标签系统。掌握好XSLT可以灵活的处理XML,同时运用在Web应用程序中也非常的方便,不过缺点是使用者需要掌握大量的XPath、XSLT、XML等相关知识。

View detail

Add comment

Please login first to add comments.  Log in New user?  Register

Comments (0)

No comments yet.

Contacts

  • enquiry[at]kontext.tech

Subscribe