How To Update One DIV Frame From Another?

Feb 1, 2005

I have two DIV frames...

<body>
<div id="leftcol"><?php include("navL.html"); ?></div>
<div id="content"><?php include("content.php"); ?></div>
</body>

and in the leftcol DIV frame, I have navL.html file loaded.

This is the content of the navL.html file...

HTML Code:
<script type="text/javascript">
<!--

function load(arg)
{
alert(arg);
document.getElementByID("content").src = arg + ".html";
}

//-->
</script>

<a href="#" onClick="javascript:load('test1');">test1</a>
<BR>

<a href="#" onClick="javascript:load('test2');">test2</a>
In there I have two links which I want to use to update the content DIV frame with either test1.html or test2.html depending on the link that is clicked, but somehow it is not working..

View 1 Replies


ADVERTISEMENT

Update Parent Iframe Size Without Updating Inner Frame?

May 3, 2009

I have a web page. In that there is a toggle button to show or hide advanced search options. Below that there is a "IFrame A"(Table). IFrame A conatins "IFrame B" (Table Contents). Based on the toggle switch status, i want to update "IFrame A" size without refreshing the "IFrame B".Is it possible to do so ? Can you give me some example or point to some tutorial .

View 4 Replies View Related

JQuery :: Use A Parent-frame - Objected To Make Child-frame AJAX?

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

Go Back History Button On Top Frame That Affects Main Frame?

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

Click On 1 Of The 3 Frame Options The Frame Changes Showing A Preview?

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

PASSING Data From One Frame To Another Frame In A Frameset

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

Change Frame Url With Clicking Link In Another Frame

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

Breaking Out Of Parent Frame If Child Frame Changes URL

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

Open The Frame Inside The Main Frame

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

Print Contents Of One Frame From Another Frame?

Sep 8, 2010

I have a frameset with two frames; topFrame and mainFrame. I have code in topFrame and wish to print the contents of mainFrame. The code that I have used has worked for many years and still works on my localhost Apache Server. However, it has now "stopped" working. When I press the button in topFrame it prints the contents of topFrame The code that I am using is

Code:
window.parent.mainFrame.focus()
window.print

I have tried to replace the first line with..

[Code]...

View 1 Replies View Related

Send Variables From Frame To Frame?

May 13, 2009

I use dreamweaver mx html editor to make web sites. I think I know enough Html to get by. My new site uses a frame set so the head and controller don't change reload or move. This works nice, now all I have to do to make a new page is make the content page. But my problem is if I send out a link for someone to look at, it only loads the content page and not the frame set. I thought I could use javascript to determine if the frame set is present and if not load it. But I can't seem to find a way to sent variables from one frame to another. Also if a user clicks a link I would like my flash controller to reflect it.

[Code]...

View 1 Replies View Related

Refreshing Bottom Frame From Top Frame

Aug 9, 2004

I need to know how to refresh a bottom frame TO a specific dynamic URL from my top frame (meaning the code has to be in the top frame) say every 5 seconds. The top frame will be a php file as I need DB values. But I believe the frame thing is done via javascript. This ain't working so far, it only loads the first URL at not the rest. Is there the ability to refresh to a specific url in a target frame. Code:

View 5 Replies View Related

Frame.contentWindow Vs Frame.contentDocument?

Feb 19, 2009

One more question about manipulating iframes. In a script I've looked through to investigate AJAX file uploads, there is this technique for accessing the contents of an iframe:

Code:
if(frame.contentWindow)
{
var thebody = frame.contentWindow.document.body;
}else if(frame.contentDocument)
{
var thebody = frame.contentDocument.document.body;
}

I haven't been able to find much info on contentWindow and contentDocument. In fact, other sources I've found talk only about using contentWindow to access an iframe's contents, ignoring contentDocument completely. What is the difference between the two, and what browsers is the contentDocument check targeting? Any modern browsers, or is this a backward compatibility thing?

View 8 Replies View Related

Close Frame From Within That Frame

Jul 1, 2006

anyway, i have 2 frames. how can i close the top frame from a link within the top frame? i want the lower frame to be the only page displayed but i won't be able to know what the lower frame's url will be.

View 1 Replies View Related

Target Frame

Jul 23, 2005

I have a frames based website, my java menu is in frame "contents" but I want it to load the page in to frame "main", here is the code i have so far:

View 3 Replies View Related

Getting The Width Of A Frame

Jul 23, 2005

I'm working with a web site that has frames defined as:

<frameset rows="60,*" frameborder="yes" border="0" framespacing="0" cols="*"
bordercolor="#eeeeee" topmargin="0" leftmargin="0" marginheight="0"
marginwidth="0">
<frame name="topFrame" scrolling="auto" src="top.asp"
bordercolor="#cccc66" frameborder="yes" topmargin="0" leftmargin="0"
marginheight="0" marginwidth="0" framespacing="0">
<frameset cols="180,*" frameborder="YES" border="0" framespacing="2"
rows="*" bordercolor="#eeeeee" resize="yes" topmargin="0" leftmargin="0"
marginheight="0" marginwidth="0">
<frame name="leftFrame" scrolling="auto" src="left.asp"
bordercolor="#eeeeee" frameborder="no">
<frame name="basefrm" src="common/DisplayInformation.asp"
scrolling="auto" bordercolor="#eeeeee" frameborder="no">
</frameset>
</frameset>

I need to get the width of "leftFrame" from a script running in one of the
other frames (usually "basefrm").

I tried parent.leftFrame.width, but it returns "undefined" (but
parent.leftFrame.name does return "leftFrame"). I suspect I need something
before ".leftFrame", since the framesets are nested. How would I refer to
leftFrame to get its width?

View 4 Replies View Related

Frame Handling

Jul 23, 2005

I'm looking for tutorials or articles considering HTML Frames and how to
handle them with Javascript.

E.g. samples how Frames can exchange information, can a Frame instruct
other Frame to update it's content etc.

View 5 Replies View Related

Frame Navigation

May 18, 2006

I have a back and next function. Back takes to the previous page and
Next takes to the next page. On some pages I want users to answer a
question before hitting the next button. If the users do not answer the
question the next displays an alert box. Now the following code does
that. But here is the PROBLEM

If you have answered the question once and you go back. You NEED NOT
answer the question again and clicking NEXT function will take you to
the next page

Each content page has a variable. The following goes on each top
content page
<script language="javascript">
var pageNext = "ab_04_01_0030" ;
var pageBack = "ab_04_01_0010" ;
eval("var " + pageBack + "answered = false"); // dynamic variable
set per page
</SCRIPT>

// The following functions are in another frame called navigation
function GoNext(page_name)
{
page_name = page_name + ".htm" ;
if (page_name != "#"){
var valu = top.Content.pageBack ; // Frame name is content
if (top.Content.eval(valu+ "answered") == true) {
top.Content.location.href = page_name;
}else{
alert("You need to answer the question");
CheckAnswer();
}
}
}

function CheckAnswer (){
var valu = top.Content.pageBack ;
top.Content.eval(valu+ "answered = true") ;
// temporarily sets that you have answer the question
}

View 3 Replies View Related

Persistant Frame And Div

Jun 11, 2007

I'm trying to make a menu that will not change with the pages: I have
insered an hidden frame to manage my javascript. This javascript is in
charge of creating and displaying the menu. But can the menu be
displayed in the other frame (the visible one) and not been erased
when a link is click in the main frame ?

A good example is the Gmail application: When you open a chat, you can
change the page in the main frame while your chat window stay opened.

View 1 Replies View Related

Reload Frame

Jul 20, 2005

I want to be able to reload a frame only when an address specific is called using Netscape 4.x.

I thus introduced into the page the following script (which does not work...):

< script >
/ / Netscape 4.x
bw.ns4?reload.();
< / script >

I would like in fact that the frame is reloaded in the same way that when one uses the function " reload frame" of the contextual menu of Netscape 4.x.

View 2 Replies View Related

Links To Frame

Jul 20, 2005

I have a javascript menu vertical in a left frame of a website and I want to
have url-links in that menu to show a html-site in the right frame when I
press a sublink All in javascript.....

View 1 Replies View Related

Frame / Form

Jul 20, 2005

I'm trying to build a page that has two frames, both of which are
generated by a different cgi script.

The lower frame is generated by a script called "control.py".

The upper frame is generated by a script called "getchat.py".

On the lower frame, there is a button called "REFRESH". When clicked, I
want it to be able to read information in a hidden input on a form in the
upper frame, that being .....

<input type=hidden NAME="last_seen" value = "' + str(lastByteLoc) + '">

.... and submit that information to getchat.py.

I have a javascript routine worked out which *usually* does that when I
view the page with konqueror. Unfortunately it never seems to work with
mozilla. Can anybody tell me why? And better still, how I can fix it?

Here's the code generated by control.py ......

In the <head> i have ....

<script language = "javascript">
<!-- hide from older browsers

function refreshPosts()
{
plast = parent.chatframe.form1.last_seen.value;
parent.chatframe.location = 'getchat.py?last_seen=' + plast
}

//-->
</script>

And on the form in the lower frame, I have this input ......

<input type = "button" value = "REFRESH" onClick = "refreshPosts()">

View 4 Replies View Related

InnerHTML Of Another Frame

Jul 20, 2005

I have a page as follows:

<HTML>
<FRAMESET ROWS="20%, 80%">
<FRAME SRC="editor.html" NAME="editor">
<FRAME SRC="testfile.html" NAME="reader">
</FRAMESET>
</HTML>

editor.html contains the following code:

code = document.documentElement.innerHTML

which gives me the HTML-code of editor.html as expected.
Now I want to read the HTML-code of testfile.html instead. But

code = parent.reader.document.documentElement.innerHTML

just returns

<head></head><body></body>

with Mozilla, and IE gives an error.

Can somebody explain why this happens, and how I can solve it?
Since the first case works on all browsers I tried, I was hoping to get
a browser-independant method to read the sourcecode of another file.
By the way, all files are local.

View 1 Replies View Related

Print() One Frame From Another

Jul 20, 2005

I have 2 frames. The top one is the control frame and the bottom one is
the display. I have a roll-over button in the top frame that I want to use
to do a print() for the bottom frame.
I tried having this JavaScript code when the roll-over button is clicked:
parent.frames[1].focus();parent.frames[1].print()

I am using Internet Explorer on Windows, and I am getting a print window
with "Only the selected frame" selected. But when I click the "OK" button
to tell Windows to print, it prints the top frame instead of the bottom
one...

I also tried putting this function in the header of the bottom frame, and
then calling it from the top frame:
function FramePrint()
{
self.print()
}

But it still likes to print the top frame.

View 4 Replies View Related

How To Close A Pop-up From Other Frame

Feb 9, 2006

I have a page where in there are 3 frames. One frame has a pop-up window implementation where on click of a button on that frame a pop-up is displayed. After pop-up is opened if we click somewhere on the same frame the pop-up will be closed. The problem im facing is if we click on the other two frames the pop-up just goes to the background and is not closing. How can i close this pop-up automatically when i click on other frames?

View 1 Replies View Related

Target Div Tag Like Frame ?

Mar 2, 2011

I have 2 divs in my webpage. One div has links (using anchor tag). When I click on the link, I want the webpage in href url to open in other div. Can I do it using Javascript.

View 6 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved