I want to be able to get title of a document that is presented within an Iframe with the id "popupFrame". There may be more than 1 instance of the iframe in the page.
var elementCount = document.all("popupFrame").length;
for (var i = 0 ; i < elementCount ; i++)
{
alert("src = " + document.all("popupFrame",i).src);
alert("title = " + document.all("popupFrame",i).document.title);
}
But the wierd thing is that the title is always the title of the document that contains the Iframe. NOT the title of the document conatined within the Iframe. At least in IE7 which is all that I have tested it with so far.
so the story is that i using and IFRAME in my web site , and i want the main title of the document (which appears in the browser title bar) to be the title from the iframe 'page' . my English is not so good so i 'll give an example .
I know how to get and change the current document's title, but what if I want to load the title of an external document and assign it to the current page?
I'm designing a website and I would like to add a certain class to a navigation element based on the document title. I currently have the following javascript. The nav elements have separate ids (the About Us nav element has the id="about" and so on)
<code> window.onload=function(){ var docTitle = document.title; var about = document.getElementById("about"); var advising = document.getElementById("advising")
[Code]...
The problem seems to be that the if statement is true whether or not the document.title ="about" or anything else, (if I remove the return, both about us and advising elements have their class changed.
Suppose a HTML document has a iframe. Using javascript,I want to detect ,on load of the html document, whether the body of the iframe document is ready to be displayed.I want to be able to overwrite the the body contents (before it actullay loads) of the iframe.can I do it with jquery? say if ,HTML doc is
I want to know the length in pixels of a document embedded in a iframe. The way I go seems to work under IE but not under Firefox (about other browsers I'll see later). Code:
This page: [URL] seems to indicate that it's possible, but it looks like it also pops up an alert window which would be annoying as hell. Is there a way to, say, once every minute change the title bar text?
You see I have a text file of rotating slogans that appear each time you reload a page on my site and someone suggested that having them change even when the page is already open might be fun. I thought I'd look into it and see if it's possible. The site is [URL]
I don't know enough about javascript to know if this is possible. I am fairly good at implementing and installing other people's code, though, and can usually make minor changes to tweak things.
working on a site that has two iframes that scroll up and down. By selecting the items in the 'display' frame you insert a row into 'register' frame bellow. The 'register' frame bellow 'display' only shows two rows. One the fixed 'header'. The other row[0] as all inserted rows are inserted at [0] index. I had it working fine with the CSS heights written in pixels but when I changed height to % percentages the fixed 'header' covers the row[0] while only ocupying half the 'register' window. I can only see row[1], row[0] is covered by the fixed 'header'. I did not use any cloneing to achieve this with pixel heights in the CSS.
Talking about a js script which changes an iframe src through a "ref_to iframe.setAttribute("src", document_path);", I would like to launch a check() fct when this new document is loaded.
Of course, knowing, I don't want (and can't n some cases where document is generated by a cgi script) to edit every possible document which is potentially loadable in the iframe.
In fact, I've through about the idea to on fly add an "onload='check ()'" to every document, but don't know how to do that :-(
Maybe using attachEvent or something arounnd this : I don't know. Of course, I wish a solution working in the majors browsers.
I have a parent document which has an iframe loaded in it. The iframe has an textfield element. I want to access this textfield element from the parent document. I have tried the following. But that doesn't work.
(from the parent) window.frames['frame01'].document.getElementById('idname')
I have a problem which is well over my JQuery/javascript head. I have a page [url] in which you can click on any thumbnail and up pops an iframe, using the thickbox plugin. The iframe loads a new html document (for example [url]).
Now in *that* document, I have some jquery which calculates and sets some margins, based on the heights and widths of images (which are explicitly declared in the html):
This works dandy in everything but...IE. At least IE8, I haven't been able to test IE7 or 6. Thing is, if I just open the page on its own, it works fine. It is when the page is loaded into the iframe that it screws up. If I put a little "alert(max_height);" in there, IE gives 0 when the page is called from the iframe.
There must be a standard way of getting the body of an iframe, and adding content to it, using jQuery. what the "best practice" way is? That works in all browsers?
I have an iFrame on a page where I am calling .mouseup(function()) on it's document child.Once in the mouseup function, I need to refer to a specific sibling of the iFrame.Unfortunately, I cannot figure out how to traverse backwards to the iFrame element from $(this) - where $(this) is the document. I get a null set returned when I try$(this).parents().
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font:inherit;">Is this possible? Been trying but doesn't seem to work...</td></tr></table>
I'm working on a project and within a document I have content being loaded into an iframe. When a user clicks on an item in the iframe, a pop-up div is loaded using the facebox plugin but it's obviously contained by the iframe. Is there any way that I can pull that element out of the iframe into the parent document? Or at least position it so it looks like it's part of the parent document and not the iframe? My reasoning for this is sizing and positioning. I want to expand the size of the facebox div and position it over top of some of the parent document elements but, since it's within the iframe, I'm limited to the size of the iframe and positioning is limited to being within the iframe.
Is it possible to access a class from a "top" document, when the class is present and defined in another document, embedded using iframe? Doesn't seem to work out of the box.
I'm trying to embed an image gallery on my page and use it's thumbnail images for a slideshow
I have a window (it's a modal dialog as well, but let's ignore that for now), where I need to write data into an iframe. Dynamically generated data. This data contains a form, this form is then sent to a server process, which expects it to be latin1 (iso-8859-1). It arrives as UTF-8. I have set the charset both in the container html (which contains the iframes) and the iframe in question to latin1, I once toyed with accept-charset of the form as well, all was ignored. So I started to recreate the experiment step by step.
HTML, meta tag text/html charset=iso-8859-1, FORM directly in it --> data is sent as latin1 Next I put the HTML for the form into its own HTML, put an iframe into the first documented and had its src point to the new HTML. Both the new and the old HTML had charset meta tags. Form was loaded into iframe, sent properly as latin1.
I removed both metatags, we're still sending as latin1. Next I thought it might have something to do with the dynamic nature of the iframe filling. I only assigned the iframe's src at runtime. Still, latin1.
Then I took the final step, and instead of reading an html into the src of the iframe, I wrote the code into the iframe with document.write. Everything LOOKED the same, but the server now receives the form data as UTF-8.
For this experiment I am using IE 5.5 (it is our compatibility base, another browser is not an option unfortunately - I'm a straight firefox man at home), and yes, the content has to be written into the iframe dynamically. I cannot create a temp file that I would load into it, or I would much rather not (it's a rather complex performance issue)
To clarify: Soon as I'm using document.write, all meta tags and or accept-charset (or what it was called) for the form are ignored completely.
how to determine the mime type of a document embedded in an iframe. The only case we need is in determining whether it's a pdf in the iframe -- I wanted to just read the extension of a document, such as source="thedocument.pdf", but unfortunately the way the web service is configured is that a url we are given is in the form of [URL] where the digits at the end would be the id of a document.
I have an IFrame whose document is created completely by Javascript code at runtime. The document in the IFrame accesses Javascript functions in the top level document. This works fine most of the time. But every now and then, when I hit the back button, the browser suddenly thinks the Javascript created document in the IFrame is not from the same domain as the topmost document, and therefore I start getting "permission denied" errors when I try to access the top level document's Javascript functions.
If I look at the IFrame document's properties (Mozilla->This Frame->View Info), it shows the expected URL with a domain name that matches the top level document.
I have a long (more that one screen) document, which has a iframe in the bottom. The iframe target URL contains a "bookmark" (hash mark) to scroll the iframe contents, like this: <iframe src="document.html#bookmark"></iframe> The problem with this is that the main document also scrolls down to show the bookmark in the iframe!
So I tried to solve this with a little jQuery in the main document, but I can't get it to work as it should:
The alert show that the function is triggered (and having it enabled, actually prevents the document from scrolling down), but the scrollTop() is not executed...
I am using a dhtml "Image Slideshow", and I was really happy with I customized its layout to my needs, and it runs perfectly on FF and on IE (wich is very important for me, since in my country most of people still use IE). Check it hereHowever, when I insert the slideshow in my design, it stops working on IE (working in perfection on FF):I am using the original slideshow file in an iframe.(before I tryed to paste the code directly into the page, but it didn't worked, so I thought using an iframe would work, because the code of the original document would be intact)
