I am loading a collection of frames as follows (from jsp source, so ignore <%= %> blocks):
<html>
<frameset name="MNGM_OUTER" rows="50,*,20" framespacing=0
frameborder=0 border=0>
<frame name="MNGM_TOP" src="control/top.jsp" scrolling=no
[Code].....
Have this in parent document:
function ResizeDocument(...) {
$("iframe"
).each(function
(){ $(this
.contentWindow.document).trigger('customresize'
,null
);});
[Code]...
How would you load a separate page in an iframe with BlockUI? I tried: forceIframe:true, iframeSrc:'/iframepage.html' but BlockUI still creates the default "Please wait..." overlay, but also creates a seemingly separate iframe overlay, but without applying any of the CSS properties to it. If BlockUI doesn't have this functionality, so any of the other overlay plugins support it? I've tried jqModal and SimpleModal, but none of them seem to explicitly support this.
View 3 Replies View RelatedI have a page A and inside it I have an iframe B. B points to another php file that shows a form (so basically in the iframe we see a form). When I submit the form, I call to another page C that verifies the fields of the form and if they are ok I redirect to page X, if not I redirect to page Y. The problem is that I see page X and Y inside the iframe, and I want to see them in the parent page.
View 1 Replies View RelatedI load jQuery.js in a.html.In a.html ,there is a iframe that its src is b.html.I want to use parent.jQuery in b.html.But when I use parent.jQuery.find('.abc').It dose not find the elements with class abc in b.html.It find elements in a.html.The maybe some problem.Because there is a lot of iframes on a.html.So I do not want to load jQuery.js in each iframe.How could I do to use parent jquery in those iframes?
View 1 Replies View RelatedI am developing a web application with full of independent widgets in form of iframes. I would like to avoid embeding jquery (and jQuery UI) in each iframe's head to reduce number of requests and want to use the libs from the parent window instead. In iframes' head I tried the following code:
window.$ = window.content.$;
window.jQuery = window.content.jQuery;
Well it works but naturally as the jquery object belongs to the parent document I can manipulate only the DOM nodes of parent document from the iframe and not the DOM nodes of the iframe itself! I think if I could replace the "document" object of "window.$" with iframe's "document" object it would work!
1) Is "=" copy by value or by reference? If I succeed to replace the "document" object in "window.$", will it be also replaced in "window.content.$"?
I'm using dynamically created upload fields that are in iframes.(There is an "add another" button.) After uploading the file in the iframe, the file path is passed back to a hidden field in the form. The tricky part is passing the data back to the correct hidden field since the name can't be determined ahead of time. Passing the data through $_GET or $_POST data is highly problematic. So is there a way to find the div that contains the iframe from within the iframe.
View 2 Replies View RelatedI have a site project where I'm using an overlay to display an iframe that contains a slide show. When the overlay/iframe loads there is a scrollbar on the parent window. What would be the proper jquery syntax to write a function that tells the parent window to set overflow to hidden to hide the scrollbar when the iframe loads? I was thinking maybe this, but I'm not sure of the correct syntax:
$(function() {
$self.parent.document
.
[code]....
how it is possible to append HTML in an textarea of an iframe's parent window.
First of all, i would like to give you an short overview about the related files:
* insert_media.php (a PHP file, which represents a self-made filebrowser) * article.php (a PHP file, which inherits logic to edit and create articles) ** <textarea id="content"> (the textarea which should accept HTML from "insert_media.php")
I'm using CKEditor for my project and wanted to add a selfmade filebrowser for including media into my articles. Therefore i created a "insert_media.php", which inherits all necessary logic to retrieve media items from a database.
The "insert_media.php" is opened inside "article.php" via TopUp (JS library) in form of a lightbox iframe - for sure "article.php" has jQuery loaded in its header.
Now, when I'm clicking on a media item (inside "insert_media,php"), i want to have the content of my textarea "#content" (inside "article.php") being appended by the necessary HTML code.
I'm able to retrieve the val of #content ("article.php") inside my iFrame ("insert_media.php") via $("#form_content_content", window.parent.document).val(); but i can't manage to have access to it into the other direction.
In parent window
function f1()
{
..code..
}
Inside IFrame
$(document).ready(function()
parent.f1;
);
The above works without any problem But,I am getting the "TypeError: f1 is not a function" on accessing the below code
[Code]...
I have this structure:
Index.html:
<html>
<head>
<script src="jquery-1.3.2.min.js"></script>
[Code].....
This is does not work, how I can send trigger event from iframe to parent window?
Demonstration page: [url]
Adjust the CSS margins of the BODY element with the first slider. The yellow P (paragraph) element resizes to fit its smaller containing block, as I would expect.
Then, adjust the CSS border or padding of the BODY element with the second and third sliders. The P element does not resize, though its origin changes. Instead, it overflows its containing block.
Finally, adjust the margins again. The P element snaps back into its containing block.
As you can see from the source, this is jQuery 1.6.4 and jQueryUI 1.8 pulled from googleapis.com.
Edit: Client is Google Chrome16.0.889.0 dev-m.
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().
View 1 Replies View RelatedI'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.
View 2 Replies View RelatedI have been trying to get some assistance with this issue for a while now. I know this issue has been discussed before but I can't seem to get it to work. I have a master html page with an iframe on that page. I am using jquery prettyphoto and I was wondering how I can get the light box to display in the parent window when I click on the link in the iframe?[code]...
View 1 Replies View RelatedHow to get post data from a page loaded in iframe in parent page
View 1 Replies View RelatedI'm trying to change the body colour of the parent window when a button is clicked inside an iFrame, using jquery. The code I have is as follows but it just doesn't do anything:
Code in iFrame:
Code:
<html>
[code]....
I have a page which has a form and also one iframe in the same. there is a button on the parent form.when the button is clicked, i am submitting the iframe and parent both. forms are getting submitted. but when i do print_r for iframe values, it is blank
[Code]...
seems like my iframe is not getting along with its parent.I have been scratching my head about this and finally have the iframe calling the image in the parent and making it popup on click. HOWEVER I can not make that image draggable which is driving me bonkers.This is the iframe script
Code:
<script type="text/javascript">
$(document).ready(function() {
$("#clickMe_01WC").click(function() {[code].....
I am using jQuery.The user clicks a link in the iframe and it toggles an image which makes it appear in the parent. This image that does appear however is not draggable and I am uncertain on how to go about this.
I have an HTML page loaded into an iFrame contained in a DIV tag. From the loaded document how would I reference the DIV object?
View 2 Replies View RelatedI have a var in the parent frame called imageon.
Inside my iframe when someone clicks on a thumbnail, I want to change the value of imageon in the parent window.
Here is what I am doing
//I will hardcode the #4 here for this example
i_imageon =4;
/*
here I have to tell my parent page that they clicked on a thumbnail so my parent page knows where to pick up when they start hitting the next or prev arrows
*/
parent.document.imageon = i_imageon;
This is not working. Any ideas? Onclick, I can alert i_imageon and it shows what I need. The problem is, it is not setting the var imageon to this value in my parent frame.
I have a page, with 3 IFRAMEs on it. From one of these IFRAMES, i am trying to append to the content of another IFRAME.
This doesnt work:
top.frames[0].document.getElementByID('chat').innerHTML+= "new content"
any thoughts?
I know I'm referring to the right frame, because
top.frames[0].document.location.href = "someotherpage.html"
does work
I have one page which have two ifrmaes, parent iframe contains no of child iframe. Now oncliking child iframe check box, I have to get that value into parent iframe, I managed to create array of parent iframe but can't get child ifrmae's control. I used like this:
document.getelementbyid("iframeparent1).document.getelementsbyname("Check1")
but it doesn't work.
I need to execute some code after the page loads. So I'm having the code execute in an iframe. Now, the iframe contains JS vars and/or page elements that I need to use in the parent frame. How can I gain access to either of these in the parent?
I've tried all sorts of combos of frames[0].document.getElementById('name').innerHTML and so forth and I just can't seem to gain access to the document in the iframe from the parent.
What I want to be able to do from within an iframe is:
check if
parent.window.document.getElementById("autoloadpop") is null
I guess that would be:
if (parent.window.document.getElementById('autoload') == null) { etc
But then I want to add:
<a href='popup.php' id='autoloadpop' onclick="return hs.htmlExpand(this, { contentId: 'popup', objectType: 'iframe', width: 620, maxHeight: 400} )"></a>
to an existing div with the id 'main-header' in the parent page.
And then make the following call:
parent.window.document.getElementById('autoloadpop').onclick();
Normally this would be pretty straight forward, but I've tried a bunch of examples and none of them work.
I am attempting to refresh a menu I have in an iframe. I will explain. I have a index.php page with 3 iframes in it (this is the parent). The top frame is for the site logo, the left frame is the menu (I call it menuframe) and the frame beside that is for the page content (contentframe).
I have the menu with various options, when the user logs in it should refresh and show some addition options (logout, admin area, etc).
The login page appears in the contentframe, once the user logins I want the menuframe to refresh to list these new admin options. I know my php session is working fine because if I manually refresh the menuframe it shows the items.
[Code]...