The iframe in this case makes sense. I may go back and change it
later, but for now this works fine.
I realized that since it is hidden to begin with when the div
containing the iframe is clicked I then calculate the appropriate
height to then adjust the size of the CONTENT div which is the
container for the iframe and the div the iframe sits in.
I guess on a loftier sense you simply can't access the properties of
the iframe PRIOR to the page loading, meaning I can't get the values I
need when the DOM is ready...
On Apr 21, 3:07 am, mrpollo <[EMAIL PROTECTED]> wrote:
> hey i may not have many experience, but i think you cannot access the
> iframes inner properties, i think is caused due to security reasons
> the iframe tag can be referenced as any other one, but for some reason
> you cant access whats inside
> was this what you need it?
>
> why do you use an iframe anyway?
> if you are using AJAX for your database, why bother having an iframe?
> you may want to look the problem from another way around, and skip the
> iframe part
>
> On Apr 20, 9:49 pm, Joe <[EMAIL PROTECTED]> wrote:
>
> > So I'm building a custom CMS solution for a site that exclusively uses
> > jQuery, but the cool part is that the CMS is entirely placed in a
> > single web page. I accomplish this by showing and hiding only the
> > necessary <divs> required for the respective tab that is clicked AND
> > using a ton of AJAX to interact with the databases.
>
> > However, I am recently stumped as to how to get the following to work.
>
> > I need the contentWindow height of an iframe. Sounds easy. No. I
> > keep a variable set called maxHeight so I know what value to change
> > the height of the "content" <div> (which holds all other divs)
> > depending on which tab is clicked (Insert News, Mailing List, etc.).
>
> > One of these divs contains an iframe (within the content div) and I
> > can't seem to get the proper height because it is appears I have wait
> > for the page to LOAD (and the subsequent iframe to load) before I can
> > calculate the height. Well this isn't effective because I need to
> > know this height when the DOM is READY.
>
> > Essentially, I am taking the entire structure of the page and cloning
> > and placing it in a temporary div. Then I show all the divs and then
> > calculate the height of the iframe to get the maxHeight value.
> > Unfortunately, this is always zero. Any suggestions?
>
> > <head>
>
> > <style type="text/css">
> > iframe { display:block; width:100%; border:none; width:100%; height:
> > 100%;}
> > </style>
>
> > <script type="text/javascript" src="path/to/jquery.js"></script>
>
> > <script type="text/javascript">
>
> > function resizeFrame(f)
> > {
> > alert(f.contentWindow.document.body.offsetHeight + " is the
> > offsetheight");
> > f.style.height = f.contentWindow.document.body.offsetHeight + 'px'
> > ;
>
> > }
>
> > $().ready(function(){
>
> > $('iframe').load(function()
> > {
> > alert('entered');
> > resizeFrame(this);
>
> > });
>
> > });
>
> > </script>
> > </head>
>
> > <body>
>
> > <iframe src="events.php" scrolling="no" id="x"></iframe>
>
> > </body>
