PDA

View Full Version : [CLOSED] Multiple Iframe



slavina
Feb 18, 2015, 2:07 PM
Hello the community!

I'm trying to make my own portal (because I want a special behaviour) but I have no idea how to solve my problem. When I load the dashboard, I have 6 different iframe (6 apsx with different behaviour) and 2 of them are quite long to load.
During this loading time, I can't interact with my masterPage or with an other Iframe.
Is there a way to load each iframe without blocking the master or other iframe?

Thanks

EDIT : I found this multiple on IE (http://www.codeproject.com/Questions/273719/Load-multiple-iframes-indepenendly-at-the-same-tim), is it linked?

Daniil
Feb 19, 2015, 5:07 AM
Hi @slavina,

To be honest, I doubt we could help. If a browser is freezing on loading for some reason, then, probably, there is a little chance to get rid of that reason.

But let's try to reproduce it for the beginning. I cannot reproduce with the test case below. While all the child pages load, I can type in the parent page's TextField. Tested in IE10, Firefox and Chrome.

Parent Page

<%@ Page Language="C#" %>

<!DOCTYPE html>

<html>
<head runat="server">
<title>Ext.NET v2 Example</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />

<ext:TextField runat="server" FieldLabel="Parent page's TextField" />

<ext:Panel runat="server" ID="Panel1" Height="50">
<Loader runat="server" Mode="Frame" Url="Test.aspx">
<LoadMask ShowMask="true" />
<Params>
<ext:Parameter Name="id" Value="1" />
</Params>
</Loader>
</ext:Panel>

<ext:Panel runat="server" ID="Panel2" Height="50">
<Loader runat="server" Mode="Frame" Url="Test.aspx">
<LoadMask ShowMask="true" />
<Params>
<ext:Parameter Name="id" Value="2" />
</Params>
</Loader>
</ext:Panel>

<ext:Panel runat="server" ID="Panel3" Height="50">
<Loader runat="server" Mode="Frame" Url="Test.aspx">
<LoadMask ShowMask="true" />
<Params>
<ext:Parameter Name="id" Value="3" />
</Params>
</Loader>
</ext:Panel>

<ext:Panel runat="server" ID="Panel4" Height="50">
<Loader runat="server" Mode="Frame" Url="Test.aspx">
<LoadMask ShowMask="true" />
<Params>
<ext:Parameter Name="id" Value="4" />
</Params>
</Loader>
</ext:Panel>

<ext:Panel runat="server" ID="Panel5" Height="50">
<Loader runat="server" Mode="Frame" Url="Test.aspx">
<LoadMask ShowMask="true" />
<Params>
<ext:Parameter Name="id" Value="5" />
</Params>
</Loader>
</ext:Panel>

<ext:Panel runat="server" ID="Panel6" Height="50">
<Loader runat="server" Mode="Frame" Url="Test.aspx">
<LoadMask ShowMask="true" />
<Params>
<ext:Parameter Name="id" Value="6" />
</Params>
</Loader>
</ext:Panel>
</form>
</body>
</html>


Child Page

<%@ Page Language="C#" %>

<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
System.Threading.Thread.Sleep(10000);
}
}
</script>

<!DOCTYPE html>

<html>
<head runat="server">
<title>Child</title>
</head>
<body>
<form runat="server">
Child <%= Request.Params["id"] %>
</form>
</body>
</html>