Solved

Rendering control in a frame

Posted on 2004-09-08
6
345 Views
Last Modified: 2012-06-27
I have a javascript control (from www.activewidgets.com) that is rendered as follows:

<html>
<head>
     <link href="grid.css" type="text/css" rel="stylesheet"> ... from activewidgets
     <script src="grid.js"></script>                                        ... from activewidgets
</head>
<body>
     <span style="whatever">My Frame Title</span>
     <script>
         var obj = Active.Controls.Grid;
         // ..... set some values, e.g.
         obj.setDataProperty("text", function(i, j){return myArray[i][j]});
         document.write(obj);
      </script>
</body>
</html>

I use this in an aspx page, browse.aspx. myArray is a javascript array that I create with my server side code (just to give you a little context).

My question is this: I need to put this control into a frame, and limit the frame's size, so that it will always be the same size and there are enough rows the scrollbars will appear. Putting it into a table doesn't work - the control just dissappears. How can I do that?

THanks,

Rich
0
Comment
Question by:RichardFox
6 Comments
 
LVL 9

Expert Comment

by:riyasjef
ID: 12009385
try this

<FRAMESET  NAME="MAIN"  border="1" FRAMESPACING="0" TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0">
  <FRAME name="" src="browse.aspx" scrolling="no" border="0" frameborder="no" noresize TOPMARGIN="0" LEFTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0"></FRAME>
   <FRAME name="fraRightFrame" src="test.asp" FRAMEBORDER="no" BORDER="0" BORDERCOLOR="#F1F1F1"></FRAME>
</FRAMESET>

Riyasjef
0
 
LVL 14

Accepted Solution

by:
ziffgone earned 500 total points
ID: 12009567
Or simply:

<iframe name="myframe" src="browse.aspx" framborder="no" align="center" style="width:400px;height:200px;border:none;"></iframe>

Adjust the "width" and "height" to suit your needs.

Hope that helps.

Regards...
0
 
LVL 25

Expert Comment

by:devic
ID: 12009666
here howto:
======================
<script>
function mksize()
{
      document.getElementById("mycontrol").style.height=document.mycontrol.document.body.scrollHeight;
}
</script>
<iframe name=mycontrol id=mycontrol onload=mksize(); src=mycontrol.aspx></iframe>
0
Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

 

Author Comment

by:RichardFox
ID: 12009979
The <iframe> is working fine from a page called browseframe.htm:

<html>
<head>
      <LINK href="olstyle.css" rel="stylesheet">
</head>
<body>
      <span class="caption">&nbsp;&nbsp;Browse Investment Event Table&nbsp;&nbsp;</span>
      <iframe name="myframe" src="browsetrans.aspx?CompanyID=All" name="browsetrans" id="browsetrans"
            frameborder=no scrolling=no style="width:100%;height=90%;border:none;"></iframe>
</body>
</html>


This browseframe.htm is in turn in a frame:

<HTML>
   <HEAD>
            <TITLE>Closing Binder Inventory</TITLE>
   </HEAD>
<frameset COLS="30%,*" FRAMESPACING="3" MARGINWIDTH="0" MARGINHEIGHT="0" RESIZE="NO">
    <frame SCROLLING="yes" SRC="inventoryClientSide.aspx" ID="treefrm" NAME="treefrm" RESIZE="YES"
                  FRAMESPACING="2" FRAMEBORDER="0">
   <frameset ROWS="60%,*" FRAMESPACING="2" FRAMEBORDER="1" MARGINWIDTH="0" MARGINHEIGHT="0">
      <frame SCROLLING="yes" SRC="addTrans.aspx" ID="addtrans" name="addtrans" FRAMEBORDER="0">
      <frame SCROLLING="no" SRC="browseframe.htm"      FRAMEBORDER="0" >
   </frameset>
</frameset>
</HTML>

The only thing is, when the "browsetrans" iframe is used as a target

string compurl = "http://myserver/DMSInventory/browse.aspx?CompanyID="+compid;
n = new TreeNode();
n.Text = company;
n.Target = "browsetrans";
n.NavigateUrl = compurl;

It doesn't behave itself, the iframe takes over the entire browser window when I click a treenode
0
 
LVL 14

Expert Comment

by:ziffgone
ID: 12011358
Hi Richard, you have two names happening for your iframe:

<iframe     >>name="myframe"<<    src="browsetrans.aspx?CompanyID=All"   >>name="browsetrans"<<   id="browsetrans" frameborder=no scrolling=no style="width:100%;height=90%;border:none;">

Try removing the first name "myframe".

Also, you may have to go with this:

n.Target = top.frames['browsetrans'];

Let me know how it goes.

Regards...
0
 
LVL 14

Expert Comment

by:ziffgone
ID: 12011387
Also, in your iframe, "height=90%;" should be "height:90%;"

Didn't catch that in my last post, sorry.

Regards...
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

When you need to keep track of a simple list of numbers or strings, the Array object is your most direct tool.  As we saw in my earlier EE Article (http://www.experts-exchange.com/A_3488.html), typical array handling might look like this: (CODE) B…
This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now