Alright straight to the point I have a link on the parent page of my site.
<a href="javascript: scontrols.expandit(0)">View Info</a>
I would like to be able to some how call that from the iframe.
I am just getting into java script and haven't been able to figure it out.
The challenge is as above really. I have a page with an iframe in it, and need to call a JS function in the *parent* page, *from* inside the iframe.
(It's for Google Maps, but I won't bore you with the complexities of that, as it doesn't affect the question).....
My site has a menu + iframe layout. Clicking on the menu link loads a page in the iframe. The iframe is set to a specified dimension.
I only have a single page that loads in the iframe. Clicking on the menu link loads a specific section on the page using the name anchor. The specified dimension of the iframe allows for the selected info to be visible.
I can create a new page for every link, but to the site's nature (its like a catalogue), I rather have it on a single page and have it called by the name anchor. I am trying to set it so that every time a menu link is clicked, the single page refreshes itself, and then goes to the anchored location.
I need this for a reason.
I have tried many things but I have not got it working.
Here is my iframe:
Code HTML4Strict:
<iframe name="data" id="data"></iframe>
Some of the codes I tried messing around with:
Code HTML4Strict:
<a href="info.html#red" target="data" onclick="window.location.reload()">Red</a>
Code HTML4Strict:
<a href="info.html#red" target="data"
[Code]....
I am having difficulty in opening a link in an Iframe. If I explain, I have four pages
-Page 1 containing the Iframe
-Page 2 containing a series of thumbnails that opens in Iframe on page 1
-Page 3 is the larger image that opens in the Iframe on page 1 after clicking the thumbnail on page 2
-Page 4 is a page with a linking menu that has a link to page 3
The task I am struggling with is to get the link on page 4 to open the larger image of page 3 in the Iframe on page 1. Now I maybe doing something wrong but the code is opening page 2 in the Iframe on page 1. Below are the links to the pages in question.
Page 1 Art for Sale - Bertram Enterprises
Page 2 Bertram Enterprises Collection_Ver2
Page 3 [URL]
Page 4 Jenni Dutton - Bertram Enterprises link near bottom of page - Art for Sale
I wish to use this on many more of the images.
Have this in parent document:
function ResizeDocument(...) {
$("iframe"
).each(function
(){ $(this
.contentWindow.document).trigger('customresize'
,null
);});
[Code]...
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].....
I 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 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]...
I want to create a parent class which initialises various stuff and then triggers a 'onStart' function. The idea is that the child classes can then just override this start function and do their thing when everything is initialised.
This is the code I was trying to use but it doesn't work
What I get is the parent start method always being called, not the child one.
I know that using this.onStart is assigning the method to the object not the prototype, so maybe I am mixing my methods here - but I tried it this way and it still doesn't work
What am I doing wrong? Is it not possible for a parent to trigger a method which is subsequently overridden by a child?
I have a question about OOP Javascript...
How can you call a parent method from a child object?
for example...
Am i using the right way of making an object? prototypal vs classical?
I have some javascript that works in Firefox 2 but not in IE 7. In the
parent page, a user clicks a link and a new window is opened so that
they can maintain some values. When the user is finished, they can
click either a save or a cancel button. If the user clicks the save
button, I want the parent page to be refreshed and then the child
window to close. I have this working perfectly in FF2 but it does not
in IE. In IE, the parent page is refreshed but when it refreshes, the
screen that comes back is the same screen as the child window. When
the child window should close, it instead is being refreshed and comes
back as a blank screen. Code:
I have defined a method in an iframe named as refresh1().In the iframe we are showing records in a table.on clicking a record of table or you can say row a showmodal Dialog object will open which shows the info of clicked record.I want to call refresh1() method onclick of save button whic is defined in modal dialog.I have triedparent.window.dialogArguments.refresh1() but it is not workin.
View 2 Replies View Relatedseems 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]...
what's best way of passing a php variable from an iframe to the parent screen?
View 6 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 working on a upload script that uses javascript, and a hidden iframe to upload the files. It all works up until the iframe finishes and needs to send the javascript function call back to the parent page, nothing happens, when it should hide the upload progress bar. I've searched and searched for the answer, along with trying different alternative to window.top.window, such as window.top, parent, and parent.document and so far nothing has worked, I've even tried the onLoad on the iframe with no success.
Parent Page function:
function stopUpload(success, ups, file){
var result = '';
var uploaded = '0';
if (success == 1){
result = '<span class="msg">The file was uploaded successfully!</span><br>';
uploaded = uploaded ++;
if (uploaded == document.getElementById('numflowers').value){
document.getElementById(finish).style.display = 'block'; .....
}}
else if (success == 2){
result = '<span class="msg">There was an error during file upload! The file has a size of 0</span><br> File: <input name="ufile[]" id="ufile[]" type="file" size="30"> <input type="submit" name="submitBtn" value="Upload">';
}else if (success == 3){
result = '<span class="msg"> We only allow .png, .jpg, .gif, .zip, .rar, and .7z files to be uploaded. If you think we should allow other please make a suggestion on the forums.</span><br> File: <input name="ufile[]" id="ufile[]" type="file" size="30"> <input type="submit" name="submitBtn" value="Upload">';
}
var uploadp = "upload_process" + ups;
var uploadf = "upload_form" + ups;
document.getElementById('uploadp').style.display = 'none';
document.getElementById('uploadf').innerHTML = 'result';
document.getElementById('uploadf').style.display = 'block';
}
Function call inside iframe (example)
window.top.window.stopUpload(3, 1, test.txt)
What line of javascript can I use to submit a form that's inside an iFrame?Here are a couple of failed attempts:document.getElementById('captcha_iframe').forms['reserve_booth_space'].submit();window.frames['captcha_iframe'].forms['reserve_booth_space'].submit();
View 4 Replies View RelatedAlright I have an Iframe, and at the end of that Iframe I have set a variable with JS to be equal to TRUE, indicating that the page has run through the script. I then check that the iframe from the parent window for that variable, if it has not been set yet (or does not equal true) it reloads the iframe.
The code works fine FF and Opera. However in IE it does not reload the frame if it is not true, and in Chrome it alerts undefined and does not reload the frame I have tried accessing the frame through the dom and it did not work for me, and i have also tried simply adding a tail to the iframes source with no success. :confused:
[Code]...