I just learned that firefox (v 1.5.0.3) chops any content of an iframe
that exeeds 2^15 (=32768) pixels i.e. in height? Any idea what went
wrong or is this a bug/feature?
I am using this code:
<iframe src="kibo.html" style="width:400px;height:32778px;"></iframe>
I am trying to get the current height of an iframe in pixels. The code below will display the height as a percentage but thats not what I need. Is there a way to determined the iframe's current height in pixels even though I specify "height:52%"?
Code:
<iframe id="threats" style="height:52%; width:100%;" src="threats.htm" scrolling="no" frameborder="1"></iframe>
[code]....
Im making a website in which I want to "embed" another website (not mine) - implesignup.se - through which i've created an event. The problem is that I want to hide the footer of that page, maybe the header to if its possible, but since the height of the other page varies throughout the steps in the "buying-process" I can't set a fixed height...Is it possible to fix this problem using jquery and how do I do that?So, something like this is what i want: autoheight - x pixels from the top - x pixels from the bottom
View 4 Replies View RelatedI have the following code:
<style type="text/css">
#toggle {width: 100px; height: 100px}
</style>
[code]....
JavaScripties:
On the HTML side, we load an IFRAME with a blank page:
<iframe frameborder="0" marginwidth="0" marginheight="0" scrolling="off"
src="about:blank" id="iframe_xml1!format_text"
name="iframe_xml1!format_text" width="90%" height=" 180 ">Your browser is
inferior and doesn't support IFRAMEs.</iframe>
Later, a button click populates this frame:
var iframe = window.frames[iframeName];
iframe.src = outputUrl;
That works on IE but not FireFox. Any tips?
I know that innerText is not supported in FireFox and I've found the
following code fragment which was originally designed in an HTMLElement
prototype for an innerText getter. I do not however want to use the
getter approach and want to just get the innerText as follows:
var childS = iframe.contentWindow.document.body.childNodes;
for(var i=0; i<childS.length; i++)
{
if(childS[i].nodeType==1)
text+= childS[i].tagName=="BR" ? '
' : childS[i].innerText;
else
if(childS[i].nodeType==3)
text+= childS[i].nodeValue;
}
Unfortunately, this does not work... iframe is an instance of an object
created as follows: iframe=document.createElement("iframe");
Any suggestions on how to make this work? I think the answer lies in
the declaration of childS but I'm not quite sure.
I've been having a problem with firefox and iframes:
What I have is 2 iframes in a page,the first spanning over the whole page ,the other about 200X200px.So what basically happens is the second one load after the first on top of the first.Now here's the problem.I'm using the dragiframe.js lib from ....
[code]...
However, when using Firefox, version 3.6, the following error messages are displayed in the Firebug console when links "Page 3" and "Page 4" are clicked:
parent.frames.frameOne.navigate is not a function
parent.frames.frameTwo.navigate is not a function
Is this a Firefox bug?
I've written several utility pages that use a dynamically created
iframe. The iframe typically has a form that is populated by the main
page. Then the form is submitted to be processed, and the returning
page does something -- call a function on the main page, change a
variable on the main page, etc.
All this stuff I created works on IE. Sorry, didn't have other browsers
available to test. Now I have access to a machine with FF, and none of
these scripts work.
So, short and sweet: What is the proper way to reference a form on an
iframe from the parent doc in firefox? Also, call a function from the
parent to the iframe, and vice-versa, call a function on the parent doc
from the iframe when it loads?
I am using a jQuery script to insert iframe in the document after thepage load completes as follows:
jQuery(window).load(function() {
var container = jQuery(#container_id);
jQuery(<iframe id=my_iframe
[code]....
I created a page that has an iframe on it. Within this iframe I call an asp page. The asp page is supposed to do some work and then update the innerHTML of a <div> object on the parent page to indicate that processing of the page in the iframe is complete. The code works in IE but not FireFox. I am wondering what is the best way to make the script work for both browsers?
Sub page JavaScript:
updateParent(){
parent.document.getElementById("num2").innerHTML = '<center><strong>Processing complete.</strong></center>';
}
Parent page:
<div id="num2"></div>
I've got a page that creates an iframe and uses javascript to write to it.
Works like a charm in IE but not Firefox.
<script language="JavaScript"><!--
document.write ('<iframe width="100" height="100" name="myframe" src="blank.htm" FRAMEBORDER="1" scrolling="no"></iframe>');
document.frames[0].document.open();
document.frames[0].document.writeln('<html><head></head><body>');
document.frames[0].document.writeln('YO!</body></html>');
document.frames[0].document.close();
//--></script>
What I get in IE is the "YO!" written to the iframe. What I get in Firefox is the 404 not found page of the site where the original "jstest.html" page and script are hosted.
I'm trying to get an iframe and call a function that is define inside the iframe, every thing is working OK in IE and Safari, when I try to do the same in Firefox is not working. The followoing is the code I'm using, how to get the iframe window, I try also getElementByID but also is not working
[Code]....
Using an the FreeTextBox control inside an IFRAME never completes loading - and as I have some actions to perform once its finished loading this is a real problem.
this.designEditor.document.open();
this.designEditor.document.write("<html" + ((this.textDirection == "rtl") ? " dir='rtl'" : "") + ">" +
"<head>" +
((this.designModeCss != '') ? "<link rel='stylesheet' href='" + this.designModeCss + "' type='text/css' />" : "") +
((this.baseUrl != '') ? "<base href='" + this.baseUrl + "' />" : "") +
"</head>" +
"<body" + ((this.designModeBodyTagCssClass != '') ? " class='" + this.designModeBodyTagCssClass + "'" : "") + ">" +
this.StoreUrls(this.htmlEditor.value) +
"</body>" +
"</html>");
When I step through it in Firebug it seems to step OK - but it stays loading for as long as I have been able to leave it. I have no idea why that document.open() line is causing such a problem.
For now I've made these lines conditional to IE as it doesn't seem have a noticable effect on the operation in Firefox. I would love a fix to this if anyone has one - support at the FreeTextBox site is a bit on the sparse side.
I have a hidden "in between" page where I dynamically create a form and
hidden inputs using ASP that should submit to a second page where this data
will be used.
The form is automatically submitted using javascript. This code works in IE
and in Firefox.
The problem I am facing now is that the series of these same pages I am working with are now being used inside an iframe. Since this change, the javascript submit no longer works in Firefox, but does in IE. Code:
here is my script that works just fine in IE. Onload I want the iframe to resize to the content loaded within it:
[Code]...
Error: document.getElementById("loadapi").contentWindow.document.body is undefined
I have a problem in attaching an external stylesheet to a newly created iframe in Firefox (1.5.0.2). If I use the code below (with a relative address to the file) the stylesheet would not be applied. I have to indicate the absolute path:
var uriStylesheet = "http://localhost:8080/panel/styles.css";
to make it work in Firefox.
NB: if I try to attach the external stylesheet to the topmost body (the main document) I could use the relative path without a problem.
The following link when viewed with Chrome (Windows XP) the contents of the iframe take up the remainder of the window and looks fine. When viewed with IE8 (Windows XP) or Firefox (Windows XP) the contents of the iframe shows up in a much smaller scroll box window that is only using a small percentage of the available window.
Safari (Mac OSX) also renders the iframe the same way as Chrome.
Firefox (Max OSX) has the same rendering problem as Firefox (XP).
What coding changes do I need to make so that IE8 and Firefox act like Chrome and Safari and use the rest of the window for the iframe contents.
Firefox doesn't support onfocus event on an iframe, is there any workaround to this?
View 1 Replies View RelatedThe following link when viewed with Chrome (Windows XP) the contents of the iframe take up the remainder of the window and looks fine. When viewed with IE8 (Windows XP) or Firefox (Windows XP) the contents of the iframe shows up in a much smaller scroll box window that is only using a small percentage of the available window.
[URL]
Safari (Mac OSX) also renders the iframe the same way as Chrome.Firefox (Max OSX) has the same rendering problem as Firefox (XP).What do I need to do to make IE8 and Firefox act like Chrome and Safari and use the rest of the window for the iframe contents.
I have developed a vertical accordion menu and all is great except for the fact that some of the submenus are long and run beyond the bottom of the viewport. I need to detect the position of the UL, find out how many pixels are below the page fold, and lift the UL up by that many pixels so the UL does not go below the fold. The UL in question is positioned absolutely inside of a relatively positioned parent so I can easily use a negative top position to lift the UL but how do I get the number of pixels that the UL descends below the page fold?
View 2 Replies View RelatedI got a div, I'd like some code to be executed onClick, that'd move the div to the top of the viewport (not to the top of the page), kinda like a "vertical float".
Is there a way to do this? I've seen annoying menus/ advertisements that stick to the top of the window even if you scroll down.
Is there a recommended way to tell how many pixels are in 1em, or otherwise gauge how big the text is (when the user may have specified a larger font-size in browser preferences for easier reading)?
View 2 Replies View Relatedwhen I use Firefox to run my application (this involves
sending an IFRAME request to the servlet and handling the response),
there is no delay in displaying the data after each response. But when
I use IE, there seems to be a 1-2 second delay. The script sends a
request using IFrame, goes through a loop to return script tags
containing data to the browser, and then data is displayed by the
browser and a new request is sent. For IE, when a new request is sent,
the delay in receiving the response is quite noticeable.
I finally got the below script working in Firefox and was really pumped about it until I realized it didn't load in Google chrome or Safari. What this script does is its a dual onclick event which makes a hidden div appear and loads an iframe within the now visible div. Here is the code, how to make this work in other browsers.
Here is the header code:
<SCRIPT type="text/javascript">
<!--
var state = 'none';
function showhide(layer_ref) {
if (state == 'block') {
state = 'none';
} else {
state = 'block';
} if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
} .....
Here is the code on the page where a link click shows the hidden div and loads the iframe contained.
<p><a href="#" onclick="showhide('div1');return loadIframe('ifrm1', '[URL]');
">show/hide me</a></p></td></tr>
<div id="div1" style="display: none; position: fixed; z-index:4;
width: 1010px; height: 500px; left: 5%; top: 15%; background-color: #f0f0f0;
border: 1px solid #000; padding: 10px;"><iframe name="ifrm1"
id="ifrm1" width="100%" height="90%" scrolling="yes" frameborder="0">
Sorry, your browser doesnt support iframes.
</iframe><p><a href="#" onclick="showhide('div1')">close</a></div>';
I'm looking for an solution to find out the real vertical viewport -
without the height of horizontal scrollbars.
I have two frames side by side. The left one declared 'scrolling="no"'
and the right one 'scrolling="auto"'. For the left frame it is important
to know if the right frame has a horizontal scrollbar and how sick it
is. So I have tried to compare the viewport of both frames.
Using 'window.innerHeight', 'document.documentElement.clientHeight',
'document.body.clientHeight' or 'document.body.offsetWidth' I get the
height including the scrollbars.
The same problem with two frames (rows="50%,50%) i've solved with block
elements declared with a width of 100%. Comparing the offsetWidth of
both, I can see if there is a scrollbar in one frame. But with frames
side by side that doesn't work.