IFRAME Drag

**spoiledkid** · Jul 12th, 2005, 06:37 AM

I have three Frames on my ASPX page. One on the top and one on the left and one on the right. Left side frame has some hyperlink options, when clicked, open a page in the right side frame. Somewhat like MSDN library. But what I do not have is MSDN like Drag-Drop thing on the frames. So I cannot resize my left side Frame by dragging its border and resizing it. Anybody knows how to do this ?

**dj4uk** · Jul 12th, 2005, 06:40 AM

Are you using frames or iframes?

If you are using frames then you can specify in the frameset that they can be resized. I believe that iframes cannot be resized though (someone correct me if I'm wrong).

Post the layout code for us to take a look.

DJ

**spoiledkid** · Jul 12th, 2005, 07:24 AM

<HTML>
<HEAD>
<title>McCain Legal Trademark Admin Application</title>
<meta name="vs_snapToGrid" content="True">
<meta name="vs_showGrid" content="True">
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<LINK href="StyleSheets/styles.css" rel="stylesheet">
</HEAD>
<body scroll="no" MS_POSITIONING="GridLayout" bgcolor="#ffffff" onload="return window_onload()">
<IFrame tabindex=-1 scrolling="no" Name="fraTop" Id="fraTop" Frameborder="0" style="BORDER: 1px outset;LEFT: 0px; VISIBILITY: visible; OVERFLOW: auto; WIDTH: 102.7%; POSITION: absolute; TOP: 0px; HEIGHT: 55px"></IFrame>
<IFrame tabindex=-1 scrolling="auto" Name="fraTree" Id="fraTree" Frameborder="0" style="BORDER-RIGHT: darkgray 0px DOTTED;BORDER-bottom: darkgray 0px DOTTED; LEFT: 0px; VISIBILITY: visible; OVERFLOW: auto; WIDTH: 29%; POSITION: absolute; TOP: 55px; HEIGHT: 86.5%"></IFrame>
<IFrame tabindex=-1 scrolling="auto" Name="fraData" Id="fraData" Frameborder="0" style="BORDER-RIGHT: darkgray 0px DOTTED;BORDER-bottom: darkgray 0px DOTTED;LEFT:225px;VISIBILITY:visible;OVERFLOW:auto;WIDTH:73.65%;POSITION:absolute;TOP:55px;HEIGHT:86 .5%">
</IFrame>
<script language="javascript">
function window_onload()
{
window.document.all.fraTop.src = "Classes/Header.aspx"
window.document.all.fraTree.src = "Classes/Options.aspx"
window.document.all.fraData.src = "Classes/UI/AdminUserSearch.aspx"
}
</script>
</body>
</HTML>

**dj4uk** · Jul 12th, 2005, 08:08 AM

OK you aren't going to be able to do the draggable resize with IFRAME you'll have to implement a FRAMESET like MSDN:

Code:

<HTML>
<HEAD>
  <META NAME="Robots" CONTENT="noindex">
  <META content="text/html;charset=utf-8" http-equiv="Content-Type">
  <TITLE>Welcome to the MSDN Library</TITLE>
  <SCRIPT LANGUAGE="JavaScript">

  // this page should never load inside of another frame
  if (top.location != self.location)
    {
    top.location = self.location;
    }

  function InitSync()
  {
      if( "object" == typeof( top.deeptree ) && "unknown" == typeof( top.deeptree.Sync ) )
      {
        top.deeptree.Sync();
      }
  }
  </SCRIPT>
</HEAD>

<!---->

<FRAMESET onload="InitSync();" rows="89,*" border="1" FRAMESPACING="0" TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0">
  <FRAME name="fraToolbar" src="/library/shared/deeptree/asp/toolbar.asp?tbcfg=/library/toolbarconfig.xml" scrolling="no" border="0" frameborder="no" noresize TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0"></FRAME>
  
    <FRAMESET name="fstMain" cols="216,*" border="1" frameborder="1" FRAMESPACING="6" TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0">
      <FRAME name="fraLeftFrame" src="/library/shared/deeptree/asp/leftframe.asp?stcfg=/library/searchtabconfig.xml&dtcfg=/library/deeptreeconfig.xml&url=/library/en-us/MCMSSDK02/html/423bdd0c-50f5-484f-9ae5-54d48cad8608.asp?frame=true" TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0" FRAMEBORDER="1" BORDER="1"></FRAME>
      <FRAME name="fraRightFrame" src="/library/shared/deeptree/asp/rightframe.asp?dtcfg=/library/deeptreeconfig.xml&url=/library/en-us/MCMSSDK02/html/423bdd0c-50f5-484f-9ae5-54d48cad8608.asp?frame=true&hidetoc=false" FRAMEBORDER="no" BORDER="0" BORDERCOLOR="#3366cc"></FRAME>
    </FRAMESET>
    
</FRAMESET>

</HTML>

HTH

DJ

Thread: IFRAME Drag

Thread Tools

Display

IFRAME Drag

Re: IFRAME Drag

Re: IFRAME Drag

Re: IFRAME Drag

Posting Permissions