Solved

Rendering control in a frame

Posted on 2004-09-08
6
347 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
Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

 

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

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Today I would like to talk about localizing (Internationalization) JavaScript applications. Introduction When creating an application that is going to be used by many people around the globe, it is important to remember that not everyone speak…
I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
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…

813 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

12 Experts available now in Live!

Get 1:1 Help Now