Frame OnLoad Not Working
Feb 3, 2010
I have a frameset with 2 frames. From one frame I am changing the URL of the second frame and I want to know when the second frame has loaded. I have tried the following but it doesn't work.
parent["targetFrame"].onload = function()
{
alert('frame loaded');
}
parent["targetFrame"].location = "http://www.google.com";
The content of the targetFrame changes but the function never gets executed. I have tried various variations such as parent["targetFrame"].document.onload
View 2 Replies
ADVERTISEMENT
Nov 1, 2005
I encountered troubles with frames.
with the folowing script in the _top page
function walk(_frames) {
for(var i=0; i<_frames.length; i++) {
var frame = _frames[i];
alert(frame.name);
walk(frame.frames);
}
}
walk(window.frames);
I can walk thru all the frames and display their name. what I want to
do is to modify their 'onload' script to be notified when the frame
content has changed (no, I can not set onload='...' in the html) but
even if I set onload='top.myproc(...)', this top.myproc is never called.
is it possible?
View 6 Replies
View Related
Jul 20, 2005
I have an frame in one of my documents (not a frameset document). The top
level document has an "onload" handler in the BODY tag. I have found that
if the frame is unable to navigate to the document it desires, the top
level document "onload" handler does not fire, and therefore important
Javascript function I need called is not called.
The frame document's URL belongs to a service which is not always available,
and when it isn't available, a 404 error results in the frame and ends up
neutering the top level document body onload handler.
I can deal with the 404 error, but is there some way to ensure that the top
level document's body onload handler fires?
View 1 Replies
View Related
May 29, 2007
I am trying to create a web poll and use the Yahoo UI Library (YUI) to put some action in the percent bar when showing the poll results. It will start the bar at 100px wide and the retreat back to the percentage of the results. This works in Firefox (although once in awhile it stays at 100% and I need to hit refresh, don't know why) but it will not work at all in IE.
The example the yahoo people give is very similar to what I have here, but they use document, 'click' while I use window, 'load'. I don't want to make someone click on it in order for the movement to take place. So I figured just adding window, 'load' would do the trick. It does in FF, but I can't figure out why it doesn't work in IE. I do not get any error messages. Hoping there are some people that have worked with the YUI before. Code:
View 1 Replies
View Related
Sep 1, 2007
I am having two divs with ids nav and navLinks, that contain unordered lists of hyper links. I am calling a onload function named displayID that accepts div's id as a argument/parameter (nav and navLinks) twice with different parameters. the function is firing only once with the parameter that i first specify, even though i call the function twice. Am i doing anything wrong in calling the same function twice with different parameters? Code:
View 1 Replies
View Related
Nov 1, 2007
I am sure this is an easy problem, but I am just getting started with Javascript and can't seem to find the problem. I have spent a lot of time on the net looking for answers, but can't find the solution. I am trying to execute a simple window.onload command to launch a picture rotator. Code:
View 2 Replies
View Related
May 7, 2010
I'm using ajax to display the xml file. On my html i put <body onload="sendRequest(Display)">
so everytime users go to the main.html, all the information in xml will be displayed after transformed by XSL Now the problem is it gets the error Display is not defined While i did define it in js file this is what I do in js;
[Code]...
View 2 Replies
View Related
Jul 23, 2005
I have a script that allows me to highlight a row of text.
This text is in a table.
The table is long and scrolls down the page below the visiable canvas.
What I need is a method to jump to the highlighted row.
I am able to jump to my anchor as long as the anchor isn't located
within the table (ie I can jump to the bottom of the table if I put the
anchor just below the table). However as soon as I place it within the
table...no luck.
Here is the code I am using to jump;
eval ("document.location='#row" + n + "'");
Can someone explain how I can reference the table in my jump method?
View 3 Replies
View Related
Jun 3, 2010
The system uses individual PDF files for each page, and you can navigate using the controls on the side. It's not ideal, as it was made to replace a horrible system and has the limitations of the content being presented.
That being said, I think it's pretty good. The trouble area is related to navigation: when you navigate the documents, some JavaScript detects the current URL of the content frame and updates the nav controls (previous and next page numbers) and table of contents links (bold, highlight) if they have changed. That part works fine. The problem area is with IE and PDF links. If you click a page link within the PDF, it opens that PDF file in the same frame. In FF and every other browser, the JS URL detection works fine.
In IE, of course, it doesn't detect that a different PDF is being displayed. If it can't detect the new PDF file, and by extension, the file number, the nav controls don't work right. Now - before anyone asks - it DOES work in IE if you navigate to the PDF document by using the links in the navigation system that I built. It's just when you arrive at a PDF from another PDF that it fails.
This is hard to explain more clearly, so take a look: [URL]
To see this in action, visit page 4, the table of contents. Click a page number link, for instance, page 9. Once it loads, click "next page" at the top left of the interface. In FF, it goes to page 10. In IE, it goes to page 5, since the JavaScript is unaware that the frame has changed PDF files. It doesn't make sense, since FF can see it plainly.
My code is all out in the open. This thing has to be designed to run off of a CD as well as on the website. If I could use server-side scripting, it would be VERY different, I assure you.
View 8 Replies
View Related
Jul 26, 2006
I have dynamically named form elements set in divs based on a
server-side language. I am displaying these using DHTML in a
display:none, display:block format.
Due to some code (and deadline) issues I do not have the total number
of form elements set by the time the body tag is run. I wanted to have
a script tag later on in the document which reads something like:
<query>
<builds div element1i1, element1i2, etc>
<script language="javascript">
document.getElementById(' query variable '+1).style.display = 'block'
</script>
</query>
However the JavaScript code does not run. Alerts run inside the code
consistently, but the other code does change the display to block.
also tried running this same code as on OnFocus...
View 3 Replies
View Related
Sep 14, 2010
I've been developing an application that uses a combination of Javascript and PHP. It's a sizeable form that includes the option for the user, on certain form objects, to add additional text boxes for multiple answers. I created a Javascript function that uses the insertRow() method. The user can click on a link which adds a row with a text box for an additional response. My function works great and, after some work around I got the values to post correctly, but where I'm running into trouble is re-populating those additional fields if I have to bring the user back to edit input that was not put in correctly.
My solution was to have create a PHP varible which is a javascript function call, e.g.:
$var = "js_function('varName1','varName2', 'varName3', 1 , '" . $post_val . "')";
Using the posted variables that apply and then echoing that into the onload event handler in the body tag. This calls the same function that was originally used to add the row to have it add the row again and populate it with the already submitted data. It all looks great, like it should work, but it doesn't and I'm wondering if there is something about the onload event handler which I don't know about. It was my understanding that the event handler executes when the page is fully loaded. If that is the case, my solution should work.
I don't know if there's some error I'm not seeing or if I'm trying to make the onload event handler do something it's not supposed to. I used a similar solution on another application and it works there. To give a better understanding, here is the function:
function appendIaRow(tblId, valID, oName, Nbr, populate1, populate2) {
var tbl = document.getElementById(tblId);
var newRow = tbl.insertRow(tbl.rows.length);
var numi = document.getElementById(valID);
var num = (document.getElementById(valID).value -1)+ 2;
numi.value = num;
var rowID = 'Row'+num;
newRow.setAttribute('id',rowID);
var newCell = newRow.insertCell(0);
newCell.innerHTML = "<input type=\"text\" name=\""+oName+"Name["+num+"]\" value=\""+populate1+"\" size=\"20\" maxlength=\"150\"/> <a href=\"Javascript:;\" onclick=\"deleteLastRow('"+tblId+"','"+rowID+"');\" style=\"text-decoration:none\">X</a><br /><br />";
var newCell2 = newRow.insertCell(1);
if (Nbr == 1){
newCell2.innerHTML = "";
}else{
newCell2.innerHTML = "# <input type=\"text\" name=\""+oName+"Number["+num+"]\" value=\""+populate2+"\" size=\"17\" maxlength=\"17\"/><br /><br />";
}}
Here is the coding for the event handler('initialize()' is a different function altogether - that works):
<body onload="initialize(),<?php echo $init ?>;">
And here is what it looks like from the source code when the page is displaying in a browser:
<body onload="initialize(),appendIaRow('AdmTbl','AdmValue','Administrator', 1, 'Joan'),;">
View 1 Replies
View Related
Jun 26, 2011
I have this test code for saving panel state using cookies:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
View 2 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
Jul 15, 2010
Any of you smartypants know why my javascript onload function (inside the body tag) is not working (alert pop up box). Using localhost as server and no my pop ups are not blocked
View 2 Replies
View Related
Nov 23, 2011
Firefox works a dream, but in IE, Google Chrome, Safari and Avant javascript does not run at all. Looking at the code it may be the body 'onload' that is not firing?the javascript
/*Script by FPMC at http://jsarchive.8m.comSubmitted to JavaScript Kit (http://javascriptkit.com)For this and 400+ free scripts, visit http://javascriptkit.com*/
src = ['../images/Intro_01.png', '../images/Intro_02.png', '../images/Intro_03.png', '../images/Intro_04.png', '../images/Intro_05.png', '../images/Intro_06.png'];//set image paths
[code]....
View 4 Replies
View Related
Mar 5, 2009
To sum up this issue, I have a parent page, which holds some values in hidden input fields passed to them from the url. On this page, I have an iframe with a form in it, to which I want to pass values from these hidden fields to be displayed for the user in the iframe form. In IE, it works. To accomplish this, im just simply doing a <body onload="GetInput()">. The GetInput function does the following, but for about 10 fields:
Fnamefield=document.getElementById('firstname').value = parent.document.getElementById('firstname').value; Thats it. Once the page loads, i see my values. In firefox it does not work. I know the hidden fields are getting their values, but thats as far as it makes it. I have tried calling the GetInput function after the form is written out and not in the body tag, which still works for IE, but not FF.
View 3 Replies
View Related
Aug 26, 2011
I have a domain: example.com; which is the parent.And a subdomain: api.example.com; which page 'receiver.html' is being loaded in an iframe, child of parent. Both pages set document.domain = example.com.
I'm trying to adapt this code:[url] but Idon't want to load jQuery from the <iframe> again but I need to have the method $.ajax() working from the <iframe> otherwise it would be a cross-domain request and the browser would abort it. I tried ingenuously to set via $('iframe')[0].contentWindow.$.ajax = $.ajax() and I just got a shortcut to the parent page jQuery method. I also tried to "clone" it using $.expand (true...) but the method doesn't work for me; probably because of the complexity of the objected I'm trying to clone. So is there a way for me to use jQuery to have only a $.ajax() method in the <iframe> ? I've thought even about creating a XHR in the child-iframe and then use that in the $.ajaxSetup ({xhr: THATNEWXHR}) but I couldn't do it. I mean, I want to use the XHR factory from jQuery (which has fallbacks for IE, etc) but it has to be created from the iframe-child.
Maybe there is other way to make the AJAX call come from the child-iframe.
If you're wondering "why don't you load jQuery from <script> in the child-iframe", there is a reason... As I'm using jQuery plugins + my own custom javascripts + other independent scripts I created a compiler which minifies each file and bundle them in one. The advantage of this is the reduction of HTTP requests. So "why don't you load that bundle inside the child-iframe?", because it's ugly and Twitter doesn't... Yeah, I like to take Twitter as a reference and I think if they were able to make it so can I;
I got to work in most browsers except IE and Operaby doing it with pure javascript.
I'm "attaching" the code for you guys to test. If you open it with Chrome, Safari or Firefox you will receive 2 alerts one with the return of $.get() and another with the return of a request made via XMLHttpsRequest object. Otherwise (if you open it with IE or Opera) you'll get 'undefined' in the first alert but the real return in the second.
This is the example.com/index.htm:
View 4 Replies
View Related
Oct 15, 2001
Im trying to make a back button that reloads the previous page the user was at.
The back button will be on a small top frame and the page that needs to be controlled will be in the main frame.
The top frame is just a navigation system, and all pages will be loaded in the main frame.
Im trying to use this Code:
<FORM>
<INPUT TYPE="button"
NAME="back"
VALUE="BACK"
onClick="history.go(-1)">
</FORM>
Does anyone know how I could accoplish the desired result using this code, or any other code? And what about a foreward button?
View 2 Replies
View Related
Jul 20, 2010
I want to have a main image in place and when you click on 1 of the 3 frame options the frame changes showing a preview. Also I would like the add to cart button change its code to add the correct item as well.
View 2 Replies
View Related
Aug 30, 2010
i need to pass the data in the textfields from the left frame to the textfields in the right frame of my frameset. (ex: dslnum of frame1 will be pass to txtDSLTN of frame2)[URL]
View 19 Replies
View Related
May 22, 2011
I have two frames (frameset, let's call it frame1 and frame2). Frame1 has links..., and frame2. When some link in frame1 is clicked, it must be changed content of the frame2. Here's example: click. How to do that? (I don't see any javascript code)
View 2 Replies
View Related
Jul 19, 2006
I have a parent document that has a frameset with two frames in it. The first frame is a "header" that runs across the top of the site, and never changes. The second frame contains the "content" of the site. Essentially, I am trying to figure out how to prevent the header appearing above external sites when the user clicks an external link in the "content" frame.
Every time the content frame changes to a new URL, I would like the check that URL and determine if the content frame is changing to an external URL (i.e. different domain in URL) or to an internal link (same domain in URL). If the content is changing to an external link, I want to break out of the frame and just load that external link in the top most document.
I would like all of my javascript to be in the parent document, not spread throughout the individual pages of the site. I was trying to approach this by setting the onunload event handler of the content frame, but I am left with a couple of specific questions:
1. In handling an unload event, can you determine the next URL that the document is loading? Code:
View 6 Replies
View Related
Jan 10, 2011
I have a little problem, I structure my site with a main page index.html with a frame in the central whit name CENTRALE, so every other page I will open within this frame. Now I need to have a direct link to these internal pages, give an example I wish it were possible to go to the page clothing giving a direct link to that section of the site type www.indirizzo.com / clothing.html because the state of things if I take the 'direct address to that page I open only the part inside of the frame, but I wish I would open inside the "main frame, there is a solution in javascrip to overcome this problem?
View 4 Replies
View Related
Jul 23, 2005
I'm having a hard time figuring out why the onload event is not being
called for the frameset window in the following simple example. It is
being called for each of the component frames. Code:
View 5 Replies
View Related
Dec 3, 2005
I wander what gets loaded the fastest (1-2 or 3) in what succession:
<head>
<script type="text/javascript">
function andAction() {
// doing stuff
}
</script>
</head>
<body onload="andAction();">
<script type="text/javascript">andAction()</script></body>
just in the head and nothing more
This I am sure off:
<head>
<script type="text/javascript">
window.onload = function andAction() {
// doing stuff
}
</script>
</head>
<script type="text/javascript">andAction()</script></body>
just in the head and nothing more (should be 1)
Third and last which is faster:
body onload or window.onload
View 3 Replies
View Related
Jul 23, 2005
I'm seeing a difference in behaviour between
window.onload = f();
and
<body onload="f();">
Specifically, window.onload appears to fire before all the elements of
the page have been rendered. As the difference is consistent across
IE/Moz/Opera, I'm assuming it's deliberate - can anyone point me
towards where this behaviour of window.onload is defined in the
documentation? TIA. Code:
View 2 Replies
View Related
