Javascript, Dynamic IFrame And Firefox
Aug 27, 2007
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.
View 2 Replies
ADVERTISEMENT
Jul 23, 2005
I am ripping my hair out trying to set the src (location.href) of an
IFRAME that i show once a user clicks on a certain link:
function editTimeEntry(timeEntryID, dayID, e) {
var x = e.clientX;
var y = e.clientY;
ew = frames['editPop'];
eF = getObj('editPopID');
eF.style.left = x + 10;
eF.style.top = y + 10;
window.top.frames['editPopID'].location.href =
"controls/editPopup.aspx?id=" + timeEntryID + "&did=" + dayID;
ShowFrame();
}
function ShowFrame() {
if (eF.style.display=="none") {
eF.style.display="black"; // FF Drawing bug
}
eF.style.visibility="visible";
alert("Location:" + document.frames['editPop'].location.href);
}
When the IFRAME is displayed it just shows about:blank and not the
location.href I set for it. After the first time, i click on the same
link and it shows me the correct address in the alert box in
ShowFrame(), but the iframe remains blank.
View 10 Replies
View Related
Nov 11, 2011
I wonder if the following is coded correctly:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> [code].....
View 2 Replies
View Related
Jun 2, 2006
can anybody tell me how you can create a new stylesheet inside a
(X)HTML page with JavaScript and Firefox, if the stylesheet is only
available as a variable value, like:
var CSSStyle = "rect {fill: lightgrey;}
circle {fill: red;}
polyline {fill: none; stroke: red; stroke-width: 0.3;}
text {font-size: 2.5px;}
text.text-x-axis {text-anchor: middle;}
text.text-y-axis {text-anchor: end;}"
So far, the only workaround I found, was to link an empty stylesheet to
the page
<link rel="stylesheet" type="text/css" href="./empty.css"/>
and then use the insertRule method on this stylesheet for every single
rule from the variable (indexOf('}') / substring()).
View 3 Replies
View Related
Apr 7, 2010
Actually the below code only creates dynamic DIV in IE, but for Firefox it does not create any DIV. Also it does not create the event onclick to be triggered when clicking on any area inside the DIV.
I want to create dynamic DIV in firefox and IE + I want onclick event when clicking on the DIV as I want to that click to delete the content of the DIV or you can say collapse it.
[Code]...
View 6 Replies
View Related
Aug 10, 2011
I have an issue where i need to get to a particular element when i click on a menu button.It is working fine in IE but in firefox it doenst work.There is a literal to which i am binding data dynamically and i have assigned id's.When i click on menu, i pass id to javascript function to scroll down to that element which is dynamically bound to literal and i change back ground colours.But it doesnt work in FireFOX. When i try to capture the value of the element,like document .getElemnetById("a"),i get null.The literal is inside a div and literal to bound on runtime with data with Ids to which i ned to navigate.
<script type="text/javascript">
function Scroll(theElement) {
var selectedPosX = 0;
var selectedPosY = 0;
while (theElement != null) {
[Code]...
View 5 Replies
View Related
Mar 8, 2011
Im trying to work out a way of entering the contents of a div (which changes regularly) into a form field when it is focused on.The issue is that the div containing the text value is in an iframe of a php file (gallery.php).The div (#lbBottom) text contents that I need to use is the caption of the current photo open with a light-box style jquery plugin (slimbox). The gallery is formed using the php and needs to be in an iframe to align the light boxcorrectly. #lbBottom is generated by title="Code: $alttag1" and give a result of Code: +the current photo number. Ideally it is just the photo number (last 2 characters) that I need but the contents of the div will do!
GAME HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>[code]..........
View 1 Replies
View Related
Jan 30, 2009
I have a script that displays a (countdown) progress bar in the new window when a user clicks on a link to a site. this works perfectly in IE but not in Firefox.
<script type="text/javascript">
View 2 Replies
View Related
Sep 28, 2010
I am encountering this problem with Firefox, but no problem in IE. I have in a hidden <div> dynamically generated select options intended for re-use by dynamically created forms on page.
For Example:
<div>
<option value="1">xxx</option>
</div>
With javascript, when I use getElementById() to get the <div>, and then get the innerHTML, on IE I get the content just as they were generated out, and I was able to put this into an empty <select> and everything works. But when I try the same in Firefox, the innerHTML returns only the text part of the content. The "<option value="1">" part has been stripped off. Wondering if there's a solution to get around this?
View 1 Replies
View Related
Jul 14, 2011
I am using jquery.autoheight.js [URL] to adjust the height of the iframe according to content.
It works fine for the static content while loading. If I try to use the content with expand/collapse or display some content dynamically, its not adjusting according to the new content.
View 4 Replies
View Related
Apr 6, 2009
pageone.htm has an iframe with pagetwo.htm inside pagetwo has a form with a hidden field that has a dynamic value.I'm trying to get that value from pageone.htm using:var myid = window.frames['myiframe'].document.forms['myform'].elements['page'].value; This is working, but I just get the value that the field had when I did:
setInterval('alert(GetValue())', 9000);
for the first time. All the alerts after the first one have the same value even when myid is changing in pagetwo.htm (tested alerting it in there).I thought that by using setInterval I would be checking for a fresh value every 9 seconds but what I get is the same old value every 9 seconds
///// pageone.htm /////
<script type="text/javascript">
function GetValue() {[code]......
View 2 Replies
View Related
Jan 25, 2010
Disclaimer 1: I am not a programmer, just a curious designer, so please take that into consideration in your replies.
Disclaimer 2: Despite all advices against it, I couldn't find a better solution to my website than using iFrame
Disclaimer 3: Before asking for help, I researched *several* forums and although I found people discussing similar issues,
implementing a method to intercept and redirect external links to a dynamic iframe. By "dynamic" iframe I mean an iframe whose SRC would be filled up in accordance to the external URL being intercepted and that it would resize its HEIGHT accordingly in order to avoid scroll bars.The function for resizing the iframe id="child" is already correctly implemented like so:
<script language="JavaScript">
<!--
function calcHeight()[code]...
This "replacement" function would be called onLoad and if tested true would run and refresh the page with the proper value in the iframe SRC.All this should be accomplished while still making the iframe HEIGHT dynamically adjustable and show a "clean" URL in the browser, such as "http:[url].....The potential issues I foresee is an infinite loop due to two onLoad queries (one for SRC, another for HEIGHT) in the parent and child objects, which might required a merge into a single script.
View 26 Replies
View Related
Jul 23, 2010
Just working on this page - [URL]
In Opera, the dynamic resize of the iframe isn't working correctly. As you can see in the code, I have set a minimum height of 200px so the iFrame should always be a minimum height but if the content requires it will increase. It works fine in IE8, Safari, FF, Chrome but not in Opera. In Opera it just sets the height at 200px.
View 9 Replies
View Related
Mar 3, 2007
When i try to dynamically change the height of an iframe in ie through a java-script to match its content (a html page containing a flash movie, it doesn't resize the iframe at first, but when i reload the same page into the iFrame it resizes as planned, how come?This script works well in firefox, safari and netscape, but i cant get it to work in ie(8, 7). And i get the same problems with every resizing script i've tried. This is the script i use:
<script type="text/javascript">
function adjustIFrameSize(iframe)
{ [code].....
I have a flash menu in the first iframe, the buttons on the menu uses getURL(siteToLoad, "contents") to load another html-page into the iframe "contents". Is it possible to make the iFrame refresh automatically though javascript so that i just refreshes the iframe once? Everytime ive tried that it just ends up in a never ending refresh-loop... How can i make this work? Is there any better script for resizing (and refreshing after resize) the iframe height so that it matches to its content?
View 7 Replies
View Related
Mar 5, 2009
I am trying to get an iframe to have dynamic height - I want it to resize to fit the contents of the page.There is a four or five step process within the iframe. So for example, page 1 is rather short, and it'll have a link that sends you to page 2, which might be rather long.I have no control over the pages I am using in the iframe and they are on another domain.I have googled and and searched the forum and I've yet to find anything that works. A lot of them say they're not cross-browser compatible, but I haven't gotten anything to work how I'd like in any browser.I'd like to do it without jQuery.
View 4 Replies
View Related
Sep 15, 2011
Its my first in this community and I hope someone can help me on this one. I�m currently working on the personalization of the layout of SAP ERP Portal. This Portal Framework uses Iframes to display the current page and/or applications on the Current Page.Here is a custom draw of a page
---- Custom Componentes Like Menus etc
----- Iframe (InnerPage) � Shows the Current Page
--------This Page can have embedded content and/or More Iframes with Applications
All the Iframes are on the same domain but I only have acess to the innerPage Code and not to the iframes that have the applications.Now we want the innerpage to automatic resize to the current content. This is being a problem (even after using jQuery Plugins or Resize Scripts) because:
1)The Iframes that have the applications change content height using Ajax/DHTML (not triggering load event) and this resize scripts wont call the resize mechanism.
2)I don�t have access to the applications source
3)On some tests ive made using Scripts ( for example Auto Height Jquery, SSI Dynamic Drive )some iframes display the same clientHeight and ScrollHeight Even if theres a scrollbar in the browser window.
View 1 Replies
View Related
Jul 23, 2005
i have a javascript function to highlight google search keywords in the
page. it works well on IE and mozilla browsers. for the page OnLoad, i
call the Highlight() method, and that highlights the words in the page, and
inserts a div element with the message: "your search terms have been
highlighted..." and a link to remove the highlighting, which has
href='javascript:removeHighlight(..)', but that only works in IE, not
firefox 1.0. Code:
View 3 Replies
View Related
Jun 11, 2011
I have form where I add dynamic html element as below. In the php code via ajax I have built the full drop down list. So when I post the form in IE when I do like this $masterID=$_POST['masterID']; I am able to capture the form value. But in both firefox and chrome it shows me empty
function getMaster(entID,nextElement)
{
var table = document.getElementById('myTable');
var rowCount = table.rows.length;
[Code]....
View 6 Replies
View Related
Jun 15, 2006
I tried to dynamic add a row to table(tbody) it works in IE and Firefox with the following codes. But when I try to set the "colspan" attribute to the TD, it only take efffect in Firefox but not in IE.
Code:
var contentsTable = $("searchResults");
var tr = document.createElement("tr");
var td = document.createElement("td");
td.setAttribute("colspan", "3");
[Code]....
View 3 Replies
View Related
Jul 23, 2005
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?
View 6 Replies
View Related
Apr 28, 2010
I've built in an iFrame that pulls in various other pages of variable height. Can you make this iFrame render its size based on it's src content ? I've been trying to use the scrollHeight of the frame but it isn't working. My current code:
Code:
<script type="text/javascript">
function resizeIframe (frame) {[code]....
Basically my code always renders the scrollHeight at 150 but the test.html I'm pulling into the frame I've made a height of 500px ?
View 1 Replies
View Related
Nov 1, 2010
I use the below code to add or remove a row from a table using javascript. The code works fine on IE however it doesnt work on Firefox, can anybody suggest reasons why this might be doing so?
The id "table1" is the ID of the table I am trying to insert the innerhtml into.
function addRoom()
{
var row = document.all("table1").insertRow();
var column = row.insertCell();
column.innerHTML = "input type='text' name=txt1>";
[Code]....
View 1 Replies
View Related
May 15, 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
<script type="text/javascript">
(function() {
var s = [
"js/common.js",
"js/function.js",
"js/ajax.js",
"js/initial.js"
];
for(var i=0, l=s.length; i<l; ++i) {
var sc = "script", tp = "text/javascript";
if(window.navigator.userAgent.indexOf("MSIE")!==-1 || window.navigator.userAgent.indexOf("WebKit")!==-1) {
document.writeln("<" + sc + " type="" + tp + "" src="" + s[i] + ""></" + sc + ">");
} else {
var t=document.createElement(sc), sa = "setAttribute";
t[sa]("src", s[i]);
t[sa]("type", tp);
document.getElementsByTagName("head")[0].appendChild(t);
}
}
})();
</script>
<link href="css/common.css" rel="stylesheet" type="text/css">
</head>
<body>
//Here is my html code
<script type="text/javascript">
makeAjax('data.php');
</script>
</body>
</html>
Error is makeAjax is not a function (this issue occurs only Firefox 4.0 browser). This script Last two years working fine (no issues) in firefox but newly occur this error (FF4.0).
View 3 Replies
View Related
Jul 23, 2005
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.
View 2 Replies
View Related
Jan 28, 2005
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 ....
View 3 Replies
View Related
Feb 25, 2010
[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?
View 2 Replies
View Related
