Iframe height

hi,
i am uisng iframe, inthat i am calling one web page. the
problem is i don't want the scrollbar and ill not mention the
iframe height. because, the web page which i am calling in iframe
height is not static it will change. how to i can get that page
without scrolling in iframe...plz help me

Here's a solution for you:
http://www.phpmix.org/iframe_height_auto_resize
It works nicely for me.
"monuu" <[email protected]> wrote in message
news:er0rjc$chu$[email protected]..
> hi,
>
> i am uisng iframe, inthat i am calling one web page. the
problem is i
> don't
> want the scrollbar and ill not mention the iframe
height. because, the
> web
> page which i am calling in iframe height is not static
it will change. how
> to i
> can get that page without scrolling in iframe...plz help
me
>

Similar Messages

How do you set iFrame height to 100%

We have seen code in OAF for iFrame's where the width is set to 100% but the height is set at 500 (a given value). We've found that if we change the height to 100% it does not seem to work... However, if we change the height to 2500, insteach of 500, the iFrame box is certainly much bigger. Please review the code below. Can anyone advise how we can get the iFrame height to 100%?
OAHTMLWebBean localOAHTMLWebBean = (OAHTMLWebBean)createWebBean(paramOAPageContext, "HTML_WEB", null, "IFRAME");
localOAHTMLWebBean.setHTMLAttributeValue("src", str14);
localOAHTMLWebBean.setHTMLAttributeValue("width", "100%");
localOAHTMLWebBean.setHTMLAttributeValue("height", "500");
paramOAPageContext.getPageLayoutBean().addIndexedChild(localOAHTMLWebBean);

Hi,
I am not sure in OAF directly you can set % of width to the HTML element.
But can you try something like set width in % for some of the other bean and run the page,
once it opens in the browser get the html source of the page and check how that bean's width % is set.
You can try the same way.
Thanks,
With regards,
Kali.
OSSi.

Setting Iframe Height to Match Content Height

Hello,
I'm trying to embed a page in Wordpress Muse, however, did not want the scrollbar in an iFrame. Researched some sites and saw that it is possible to put a java code that does what the iFrame to adjust according to the height of the page.
Enter various codes and tested in multiple browsers, got nowhere with the iFrame opened with full height.
The page that I am creating is this: http://meninasreais.businesscatalyst.com/index.html
I used the code provided in this page:
http://www.dyn-web.com/tutorials/iframes/height/
Does anyone know if there is any solution?
thank you very much

http://www.apptools.com/examples/tableheight.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"TSemmes" <[email protected]> wrote in
message
news:e4vpep$76h$[email protected]..
>I am trying to create a table that fills the browser
window it is in. See
><a
> target=_blank class=ftalternatingbarlinklarge
> href="
http://www.hopkinsandporter.com/about/careers.shtml">http://www.hopkinsand
> porter.com/about/careers.shtml</a> for an example.
I applied a height of
> 100%
> to the table. Doesn't work. I also used CSS to create a
style
> .table {height: 100%}
> but this doesn't work either. Any suggestions?
>
> Tom
>

Skillbuilders Modal Page (2.0.0) - iframe height restricted to 150px?

Hi,
I installed the Skillbuilders Modal Page v 2.0.0 this afternoon into our Apex 4.1.1 instance and have most functions working as expected. I have the modal window popping up when a link column in an interactive report is clicked.
However, iframe node is inheriting a height of 150px from somewhere and I'm struggling to see where this is.
When the edit link is clicked, the modal window pops up and the dom looks like this:
<div id="colorbox" class="" style="padding-bottom: 0px; padding-right: 0px; opacity: 1; cursor: auto; display: block; position: absolute; width: 400px; height: 500px; top: 0px; left: 752px; ">
<div id="cboxWrapper" style="width: 400px; height: 500px; "><div>
<div id="cboxTopLeft" style="float: left; "></div>
<div id="cboxTopCenter" style="float: left; width: 400px; "></div>
<div id="cboxTopRight" style="float: left; "></div>
</div>
<div style="clear: left; ">
<div id="cboxMiddleLeft" style="float: left; height: 500px; "></div>
<div id="cboxContent" style="float: left; width: 400px; height: 500px; ">
    <div id="cboxLoadedContent" style="overflow-x: hidden; overflow-y: hidden; width: 400px; height: 500px; ">
      <iframe frameborder="0" name="cbox1335796646985" src="f?p=139:35:1611420862962401::NO::P35_rowid:AAER2oAAuAAJIP%2BAAJ" scrolling="no" class="cboxIframe"></iframe>
    </div>
    <div id="cboxLoadingOverlay" style="float: left; display: none; "></div>
    <div id="cboxLoadingGraphic" style="float: left; display: none; "></div>
    <div id="cboxTitle" style="float: left; display: block; ">Edit Transaction</div>
    <div id="cboxCurrent" style="float: left; display: none; "></div>
    <div id="cboxNext" style="float: left; display: none; "></div>
    <div id="cboxPrevious" style="float: left; display: none; "></div>
    <div id="cboxSlideshow" style="float: left; display: none; "></div>
    <div id="cboxClose" style="float: left; ">close</div>
</div>
<div id="cboxMiddleRight" style="float: left; height: 500px; "></div>
</div>
<div style="clear: left; ">
<div id="cboxBottomLeft" style="float: left; "></div>
<div id="cboxBottomCenter" style="float: left; width: 400px; "></div>
<div id="cboxBottomRight" style="float: left; "></div>
</div>I've combed through the source and linked CSS/JS files to try and see where the 150px height is inherited from to no avail. What is strange is that in my dynamic action I specify the height to be 300px, and the initial height in the plugin setup is also 300px.
Anyone with any suggestions would be most welcome - I've hit a brick wall on this particular one!
EDIT: Sample application and demo of problem at Demo App (user DEMO, password demo)
Many thanks in advance.
Regards, Pete
Edited by: Pete Mahon on Apr 30, 2012 4:17 PM

Hi Johnny,
There isn't actually any custom code behind this, so to speak, certainly none that I've written as a custom job.
The Skillbuilders plugin is available via [url http://apex-plugin.com/oracle-apex-plugins/dynamic-action-plugin/skillbuilders-modal-page_138.html]apex-plugin.com which links to [url http://skillbuilders.com/download/download-resource.cfm/instructions.pdf?file=Oracle-Apex/plugins/modal_page//instructions.pdf]instructions and a [url http://skillbuilders.com/webinars/webinar.cfm/53?title=Introducing%20SkillBuilders%20Modal%20Page%20Plug-in]really informative webinar at skillbuilders.com. I strongly recommend you watch the video as it's not as simple as just installing.
Cheers, Pete

Iframe height / style cutting off content in Wordpress plugin

I have a Wordpress plugin called vCita that I can't get to display correctly - the Submit button is getting half cut off in Chrome, and completely hidden in Firefox:
http://www.otpinvites.com/contact-3/
Of course I would like the container's height to adjust to the content, but it seems to be getting cut off by the iframe - I added a style="height:900px;" attribute at the end of this line in the HTML using Chrome developer tools, and this seemed to be the only way to get it to adjust)
<iframe src="http://www.vcita.com/contact_form?v=82edbfbd" scrolling="no" frameborder="0" id="fitvid407170" style="height:900px;>
However, a) I can't get it to adjust fluidly/automatically according to the content (resizing the browser window cuts it off again, though the site is otherwise Responsive), b) I'm not sure where I could edit this in Wordpress. I believe the style for this particular item is one of the plugin's default styles that I can't find where to edit, so I suppose I would have to override this style somehow? Is this possible?

iFrames were not built to be responsive. You can however make them responsive. Take a look at this beautiful jQuery plug-in: http://npr.github.io/responsiveiframe/

How to change/increase iFrame height

When working with categories in Content Services, the new Category window that opens is set to {W:650,H:500}, yet the iFrame that displays the category content is set to 130 pixels - "overflow:auto;max-height:130px". About 2/3 of the content real estate is lost, forcing users to scroll up and down.
What is the proper way to increase the max-height setting of 130 pixels in order to avoid scrolling up and down to see the content?

You could potentially snoop around in the following area - but make sure you backup anything you change... this is not supported..
$ORACLE_HOME/j2ee/OC4J_Content)% find . -name "*.jspx" -exec grep 130 {} \; -print
              <af:attribute name="height" value="130px"/>
./applications/content/content/objectRecordProperties.jspx
               <uix:attribute name="height" value="130px"/>
./applications/content/content/resolveMetadata.jspx
            <af:attribute name="height" value="130px"/>
./applications/content/content/objectCategories.jspx
            <af:attribute name="height" value="130px"/>
./applications/content/content/objectCategoryConfig.jspx
                <uix:attribute name="height" value="130px"/>
./applications/content/content/createWorkspaceCategories.jspx

Determine iFrame height dynamically?

I am loading a PHP-based webpage inside an iframe of another webpage. As I understand, the iframe has exactly one event that can be used by Javascript: onload. With this event, I am able to size the iframe to the size of the content.
However, if the height of the inner page changes, I cannot resize the iframe to fit the inner page's new height. This causes two scrollbars to appear: one attached to the inner webpage, and one attached to the outer webpage (which the iframe resides in). The outer scrollbar is acceptable by the users, but the inner one is not -- it creates navigation problems and other confusion.
I cannot fix this via Javascript (that I know of), since these webpages are on different sites, and will cause cross-site errors. I cannot ask the users to allow cross-site exceptions. I am not able to change the iframe size using innerHTML -- the innerHMTL.height does *not* change when the HTML content grows in height; instead, a scrollbar appears at that point, and the height remains the same.
All that is needed, really, is *dynamic* access to the inner HTML's dimensions. (This may require another event within the iframe object, something like onInnerHTMLChange; however, other solutions can be found if the innerHTML height is accessible.)
What I would like to know is if there is any way to resize the iframe according to the dynamic height of the content. Also, am I right in understanding that an iframe is actually another browser window object?

You can ask questions and advice about web development at the mozillaZine Web Development/Standards Evangelism forum.
A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the mozillaZine forum site in order to post at that forum.
See http://forums.mozillazine.org/viewforum.php?f=25

Iframe not scrolling to content below set height in IE9

Because iframe height of 100% didn't render correctly (in any browsers) I chose a set height (600px) in which to display my clients' property listings within one of their site pages.
All works reasonably all tested browsers (double scroll bars in Chrome and Safari -- div and iframe -- despite that the div isn't set to have such, but I can likely fix that); IE9, though, is nonfunctional: In IE9 I get a Y scrollbar, as defined, however it does not scroll past content that fits into 600 pixel iframe height. That is, is does not scroll to show the rest of the iframe page.
I have tried separately defining x and y scrollers as well as simply calling for scrolling in general; no luck.
I have been searching for hours for a fix, and have tried every combination of style coding to the iframe itself as well as the overall style sheet (to the div). I also read the soure for the page rendered in IE9, and the style coding was as I'd written it.
It has to be a simple fix, or others would be having this IE9 issue, too, right?
Have even added <meta http-equiv="X-UA-Compatible" content="IE=8"> to the header; didn't change anything.
Anyone know what is going on -- and how to fix it?
I apologize for how jumbled both the CSS and source code is for this site. If I were recreating the site today, I could do a much cleaner job.
Here are a few tries:
http://cbm1.com/retail_property_listings/costar.html
http://cbm1.com/retail_property_listings/costar3.html
This version (more info in the CSS, less inline) gets rid of the double scrollers in Safari and Chrome (while still working in FF) but still the same doesn't-scroll-beyond-the-600px-iframe-pane-height issue in IE9. Tried moving the meta directive toward IE8 to immediately above the body tag as well as first meta tag on the page; neither resulted in any IE9 rendering change:
http://cbm1.com/retail_property_listings/costar4.html
Happy to simply paste the inline + CSS coding alone in this window, if that's easier for anyone.

Because iframe height of 100% didn't render correctly (in any browsers) I chose a set height (600px) in which to display my clients' property listings within one of their site pages.
All works reasonably all tested browsers (double scroll bars in Chrome and Safari -- div and iframe -- despite that the div isn't set to have such, but I can likely fix that); IE9, though, is nonfunctional: In IE9 I get a Y scrollbar, as defined, however it does not scroll past content that fits into 600 pixel iframe height. That is, is does not scroll to show the rest of the iframe page.
I have tried separately defining x and y scrollers as well as simply calling for scrolling in general; no luck.
I have been searching for hours for a fix, and have tried every combination of style coding to the iframe itself as well as the overall style sheet (to the div). I also read the soure for the page rendered in IE9, and the style coding was as I'd written it.
It has to be a simple fix, or others would be having this IE9 issue, too, right?
Have even added <meta http-equiv="X-UA-Compatible" content="IE=8"> to the header; didn't change anything.
Anyone know what is going on -- and how to fix it?
I apologize for how jumbled both the CSS and source code is for this site. If I were recreating the site today, I could do a much cleaner job.
Here are a few tries:
http://cbm1.com/retail_property_listings/costar.html
http://cbm1.com/retail_property_listings/costar3.html
This version (more info in the CSS, less inline) gets rid of the double scrollers in Safari and Chrome (while still working in FF) but still the same doesn't-scroll-beyond-the-600px-iframe-pane-height issue in IE9. Tried moving the meta directive toward IE8 to immediately above the body tag as well as first meta tag on the page; neither resulted in any IE9 rendering change:
http://cbm1.com/retail_property_listings/costar4.html
Happy to simply paste the inline + CSS coding alone in this window, if that's easier for anyone.

Iframe auto height based on content in high trust apps on premise

Hi,
how to adjust the app part height based on the content, in high trust apps.
Thanks
Ram

Hi Ram,
We can use JavaScript to adjust the iframe height, the following code for your reference:
<script type="text/javascript">
function iframeLoaded() {
var iFrameID = document.getElementById('idIframe');
if(iFrameID) {
// here you can make the height, I delete it first, then I make it again
iFrameID.height = "";
iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
</script>
More information:
How To Adjust IFrame Height on Its Content
http://www.codeproject.com/Articles/19499/How-To-Adjust-IFrame-Height-on-Its-Content
Best Regards
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Problem with caching of pages in iframe(intersting problem)

Hi All,
I am facing an interesting problem in my project. I have a page which includes jspf and Iframe. The jspf has two links �configuration� and �Details�
The jspf (leftBar.jspf ) links are given below:
<f:subview id="leftBar">
<ui:hyperlink binding="#leftBar.configureLInk}"id="configureHyperlink" styleClass="menulink" target="centerFrame" text="Config" url="Config.jsp"/>
<ui:hyperlink binding="#leftBar.detailslLInk}"id="detailsHyperlink" styleClass="menulink" target="centerFrame" text="Details" url="Details.jsp"/>
</f:subview>
The page is as below:
<ui:body binding="#{test.body1}" id="body1" style="-rave-layout: grid" >
<ui:form binding="#{test.form1}" id="form1">
<div style="background-color:black;height: 430px; left: 0px; top: 124px; position: absolute; width: 150px" styleClass="lightGrayBg">
<jsp:directive.include file="/leftBar.jspf"/>
</div>
<div id="mydiv" style="background-color: yellow; left: 150; top: 124px;height: 430px; position: absolute">
<iframe height="431" name="centerFrame" width="853" src="default.jsp" id="myiframe" >Test...test..</iframe>
</div></ui:form></ui:body>
The �Configuration� page consists of the text boxes where the user inputs the data. It consists of two textfield say name and the Telephone number.It also consists of two buttons to SAVE and CANCEL.
When the user enters the data and clicks on SAVE, The data is inserted into the database.
The problem arises when I click on the CANCEL button.
When the user clicks on the Configuration link the page displays the information entered by the user, getting it from the database.
Name : Myname
Tel No : 123456
When he changes the data in the textboxes
Name : YourName
Tel No : 98765
and clicks on the CANCEL button, it goes to the page (say default.jsp) given in the action of the button with out saving the data in the database. But when the user clicks on the �Configuration� link once again he sees the data that the user has changed (not saved in the database).
Name : YourName
Tel No : 98765
When we look at the log messages that I have coded in the Prerender function to give the textbox values (getNameTextFiled.getText(), getTelnotextField.getText()) we can see the data is from the database (Myname, 123456), but in the UI we can see the changed data (not saved in the database). When I log out (end the session) and login again the correct data (Myname, 123456) is shown from the database. I am not able to figure out the cause for it. I tired in many ways to solve it but I and not able to do so.
Can anyone help me out to solve the issue?

Hi   ,
   finally i got answer with the modifications
[u]    in test page[/u]
Instead of this
    <div id="mydiv" style="background-color: yellow; left: 150; top: 124px;height: 430px; position: absolute">
<iframe height="431" name="centerFrame" width="853" src="default.jsp" id="myiframe" >Test...test..</iframe>
</div></ui:form></ui:body>
put this
<div id="mydiv" style="background-color: yellow; left: 150; top: 124px;height: 430px; position: absolute">
<ui: iframe height="431" name="centerFrame" width="853" id="iframe1" url="default.jsp" id="myiframe" >Test...test..</ui:iframe>
</div>
and in left bar.jspf
instead of this
The jspf (leftBar.jspf ) links are given below:
<f:subview id="leftBar">
<ui:hyperlink binding="#leftBar.configureLInk}"id="configureHyperlink" styleClass="menulink" target="centerFrame" text="Config" url="Config.jsp"/>
<ui:hyperlink binding="#leftBar.detailslLInk}"id="detailsHyperlink" styleClass="menulink" target="centerFrame" text="Details" url="Details.jsp"/>
</f:subview>
remove urls and targets
<ui:hyperlink binding="#leftBar.configureLInk}"id="configureHyperlink" styleClass="menulink" text="Config" onClick="configClick() " />
<ui:hyperlink binding="#leftBar.detailslLInk}"id="detailsHyperlink" styleClass="menulink" text="Details" onClick="detailClick()"/>
java script
function configClick(){
       document.getElementById("form1:iframe1").src="config.jsp";
        return false;
    function detailClick(){
        document.getElementById("form1:iframe1").src="detail.jsp";
         return false;
so like this you can avoid page caching in iframe
with regards
ss

Error when using Javascript to scroll page in iFrame

Hi again!
I'm using a small Javascript to control the scrolling of a page loaded in an iFrame:
<script type="text/javascript">
var timer_id;
function scroll_iframe(frm,inc,dir) {
if (timer_id) clearTimeout(timer_id);
if (window.frames[frm]) {
    if (dir == "v") frames[frm].scrollBy(0, inc);
    else window.frames[frm].scrollBy(inc, 0);
    timer_id = setTimeout("scroll_iframe('" + frm + "'," + inc + ",'" + dir + "')", 20);
function stopScroll() { if (timer_id) clearTimeout(timer_id); }
</script>
<a href="javascript:;" onmouseover="scroll_iframe('menu', -4, 'v'); return true" onmouseout="stopScroll(); return true">Up</a>
<a href="javascript:;" onmouseover="scroll_iframe('menu', 4, 'v'); return true" onmouseout="stopScroll(); return true">Down</a>
Running this results the error: "Adobe AIR runtime security violation for JavaScript code in the application security sandbox (window.setTimeOut)".
I've read the page about "Avoiding security-related JavaScript errors" but I don't know how to implement the changes proposed in my script.
Could anyone be so kind and help me with this?
Thanks!

Just wanted to say that I solved the problem...
After long testing I came up with two functions (one for up and one for down) that have the following code at the end:
timer_id = setTimeout(function(){scroll_iframe('up')}, 20); //move up
timer_id = setTimeout(function(){scroll_iframe('down')}, 20); //move down
I also stumbled on to another problem: if I set the scroll property from the iFrame to "no", so that the scroll bar is hidden, I'm not able to use the "scrollBy(x, y)" method.
So what I did was use "frames['iframe'].document.getElementById('menu_content_div').style.top" to change the position of the content div inside the menu page. I had to put some restrictions so that the user isn't able to scroll the menu endlessly up or down, but then it worked like a charm!
If anyone whants to do something similar, this is the code I ended up with:
var timer_id;
var position = 0;
     function scroll_iframe(direction) {
        if (timer_id) clearTimeout(timer_id);
        if (window.frames['iframe']) {
            if (direction == "up" && position<0) {
                position += 8;
                frames['iframe'].document.getElementById('menu_content_div').style.top = position+"px";
                timer_id = setTimeout(function(){scroll_iframe('up')}, 40);
            menuContentDiv = frames['iframe'].document.getElementById('menu_content_div')
            heightPx = document.defaultView.getComputedStyle(menuContentDiv,null).getPropertyValue('height');
            heightValue = heightPx.slice(0,(heightPx.length-2)); //removes the "px at the end of heightPx
            height = (heightValue-387)-2*(heightValue-387); //sets how much the menu can scroll up until it gets to its end - depends on the iframe height
            if (dir == "down" && position>height) {
                position -= 8;
                frames['iframe'].document.getElementById('menu_content_div').style.top = position+"px";
                timer_id = setTimeout(function(){scroll_iframe('down')}, 40);
     function stopScroll() {
     if (timer_id) clearTimeout(timer_id);
Scroll down: onMouseDown="scroll_iframe('down'); return true" onMouseUp="stopScroll(); return true"
Scroll up: onMouseDown="scroll_iframe('up'); return true" onMouseUp="stopScroll(); return true"

Refreshing data in an IFRAME with new value

Hi all,
I have a jsp which has 2 forms 'frame_form' and 'main_form'. The 'frame_form' has a dropdown which contains list of cheque types (with the current cheque type selected) while 'main_form' contains an IFRAME whose src is a jsp to whom i passed the value of the selected cheque type. This value is contained in a java variable 'cType'.
<%
String cType="";
cType = "3";
%>
<body bgcolor="#C0C0C0" text="#000000">
<form name="frame_form" method="POST" action="">
<select size="1" name="type" onChange="typeChanged();">
<option value="1">Regular</option>
<option value="2">Manual</option>
<option value="3" selected >Reversal</option>
</select>
</form>
<form name="main_form" method="POST" action="">
<IFRAME height="500" width="760" src="adjmain.jsp?ctype=<%=cType%>" name="main" scrolling="no" frameborder="0">
</IFRAME>
</form>
</body>
When user change the selection of cheque type, I want to retrieve data in 'main_form' again with the new value. I have defined a javascript funtion typeChanged() for this purpose but here I am lost on how to do it. As we are passing the value of a java varaible 'cType' to jsp, I believe I have to set its value to the one user selected and then refresh the IFRAME. But dont know how to do it. Can anybody please help me?
Thanks

Right off hand, without changing what you have
already, I would have your typeChanged() javascript
function get the selected value of the dropdown and
then call another javascript function which is on
adjmain.jsp which receives the new value as a
parameter, sets this value in a hidden field, and then
calls 'submit()' for itself (adjmain.jsp). Thus,
adjmain.jsp will then be able to access this hidden
value using 'request.getParameter("hiddenValueName")
and will reload based on the 'newly' selected value.
Hope that helps...I find an easier solution :
function typeChanged()
var ct = document.frame_form.type.value;
document.all.main.src="adjmain.jsp?ctype="+ct;
Thanks for your input.

Lion Safari 5.1: pdf file is not opening inside the iFrame

"When trying to open the pdf file inside the iFrame, it is opening outside the iFrame in Preview Application and leaving behind the iFrame as blank . Earlier with Safari 5.0.5 version this problem was not coming and pdf was opening properly inside iFrame".
When I am creating a sample html file with below code, the pdf is opening out side the iFrame.
<iframe height="900" width="100%" src="TestPDF.pdf" id="displayPDF"/>
Can any one please help me out to resolve this issue and open the pdf file inside the iFrame with latest Lion Safari 5.1

I think the problem must be limited to the iframe tag in particular, or frames in general. One of my websites has links to pdf files that open directly in the browser (see http://www.raffca.org.uk/docs/association_rules.pdf), but I have been unable to see a pdf if it should be loaded within a frame (such as at http://www.london-gazette.co.uk/issues/59866/supplements/14713); this latter page is not an iframe, but it is giving the same symptoms. I have removed any presence of the Adobe Reader plugin (I don't use Adobe Reader at all), so it is clearly a problem with Safari's built-in interpretation of frame/iframe PDF presentation. It's probably worth passing this on to Apple as a problem.

Setting dimensions of a iframe to fit a page

Right,
I have recently started my new website for a Indie team which I am currently running, now the problem I have got is that the forum I am using is not really that customizable. So I have decided to make it view able, though a Iframe, as you can see here:
Now as you can see, there is a problem with the frame height. Now I now how to code iframes, but is there anyway. Js wise. For there to be a code which checks the height of the page inside the iframe and then changes the iframe height to fit that?

Validate your code and fix reported errors.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Among other things, you have 2 <body> tags in your parent document. Only one <body> tag is allowed per page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Why can't I debug my JSF Portlet application after inserting an IFrame

Hi,
1) I created a jsf portlet application
2) I add a button in my jsf portlet application
3) I can debug my button's action method
4) Now I open my jsp editor and add an iframe
<iframe height="500" id="ifWindow" name="ifWindow"/>
5) I try to debug my button's action method but the debug cursor never reaches it like in step 3
6) I added a messageGroup but nothing appears there
7) I monitored "C:\Program Files\Sun\Creator2_1\SunAppServer8\domains\creator\logs\server.log" and nothing appears there
Is this a bug in Java Studio Creator or is there a problem with iframe in jsf portlet applications?
Why can't I debug a jsf portlet application if I put an iframe?
Has anyone got this to work in their jsf portlet application? What can I do to debug this simple application?
Thanks,
Marc

Hi,
I figured it out. I can debug my jsf application if I placed the iframe outside the <ui:form> element. If it's inside, I cannot debug the application. Are there any books or tutorials that I can read to get rules like this in JSF development?

Iframe height

Similar Messages

Maybe you are looking for