Changing The OuterHTML Of An Iframe

Apr 11, 2006

I discovered how to write out the inner HTML of the contents of an
Iframe; I want to know how to write out the outerHTML of the contents
of an Iframe.

frames['iframeid'].document.body.innerHTML allows me to read the inner
HTML of the contents of an iframe and also allows me to write out the
inner HTML of the contents of an iframe.

However using frames['iframeid'].document.body.innerHTML I am only able
to change, in the contents of the iframe, the code in between and
including the body tags; I am not able to change the code above the
body tag such as what is in the head section and what is in the html
tag.

The problem is, that other maneuvers that allow me to read the contents
of an iframe, do NOT allow me to write out the contents of the iframe.
These are:

frames['framid'].document.body.outerText
frames['framid'].document.body.innerText
frames['framid'].document.documentElement.outerHTML

The problem persists if the page originally loaded into the iframe
contains no code.

This looks like an unpredictable inconsistency of the type that makes
Javascript a language to be learned through experimentation. Or is
there some documentation somewhere that lists the read/write abilities
of such lines of code?

View 3 Replies


ADVERTISEMENT

Outerhtml

Jul 23, 2005

In understanding how this works, would it not be possible then to replace an
item with another?

For instance, I have the first paragraph of "Lorem Ipsum" shown in a
division.
At the bottom is a ling showing "next".
Click on the link, the next paragraph replaces te previous.

<p id="lorem1">lorem ipsum stuff.</p>
<p id="lorem2">paragraph 2 stuff.</p>

I attempted to use the "Textual tooltip" swapping routine at Dynamicdrive,
but the code killed the other script for the menu.

What I'm looking for is a simple swap method, like image swapping, without
the use of z-index.

Also, if outerhtml is a solution to my problem, then could I have all the
paragraphs needed on an external page so that the various paragraphs do not
load with the main page?

If you must have a reference see www.somestuff.batcave.net/menu1.html

View 1 Replies View Related

Document.body.outerHTML Via Bookmarklet

Aug 11, 2006

I'm trying to create a bookmarklet on IE6, that passes the outerHTML of the body element as a GET param my site.

The problem is that for some page (ie mail.yahoo.com) the bookmarklet does not work while for other pages (simpler ones) it does work....

View 2 Replies View Related

JQuery :: Get The OuterHTML Of A Html Object?

Jun 13, 2007

anyone else get the outerHTML of a html object? I can't seem to get it anymore. document.getElementById('log').outerHTML returns undefined.

View 4 Replies View Related

JQuery :: Get OuterHTML Without Loosing Handlers?

Jun 5, 2007

Found here: [URL]
Code:
jQuery.fn.outer = function() {
return $( $('<div></div>').html(this.clone()) ).html();
}
Usage:
alert( $("#toolbar #save").outer() );

View 3 Replies View Related

Changing The Url Of An Iframe With A Selection Box

Mar 29, 2006

I have been wrestling with a problem, I am trying to change the url of
an Iframe from a simple selection box, once the user selects the
desired url they wish to visit from the main page the iframe then loads
the url while not affecting the main page. I am using the onchange
event of the select tag to drive the javascript function hopefully
passing the value of the selection wich in this case is the url to the
independant script wich will in turn will change the src of the iframe
from the default page that is loaded when first viewing the page.One
question I have is would it be better to use the onload event to set
the initial src then use the onchange event form the select to change
the src or staticly set the src then use the onchange event to change
it? below is an example of my code so far. Also currently whenever I
try to pass teh value to the script I get an object expected error and
nothing happens.Bear in mind I know enough C++ to make myself dangerous
and can stay on top javascript to a point but right now I am just lost.
just need a nudge in the right direction at this point please :D

<select name="sites" id="sites" onchange="changesite()">
<option value=" "> </option>
<option value="http://www.nanpa.org">NANPA.org</option>
<option value="http://www.google.com">Google.com</option>
<option
value="http://www.spywarewarrior.com">spywarewarrior.com</option>
</select>

Function changesite(value)
{
var newsite = value;
document.frames['websites'].src = newsite;
}

View 3 Replies View Related

Changing Iframe Content

Sep 29, 2005

Is there anyway I can load a website into an iframe on my page like this:

<iframe src="http://www.page2.com" frameborder="no" width="410" height="600" name="worldFrame"></iframe>


and then change the visibility of elements on that page from my page?

View 6 Replies View Related

Javascript Changing Url/src Of Iframe

Mar 23, 2006

I have a small problem this my javascript. I want it to change the url/src of an iframe I have on the screen, but I can't find anything that works.

var newiframepath = "http://newURL.htm";
frames['iframeName'].location.replace(newiframepath);
I also have this (again doesn't work):

var newiframepath = "http://newURL.htm";
iframeName.location.replace = (newiframepath);

Can anyone help?

View 1 Replies View Related

Changing InnerHTML Of DIV From Within IFrame In Firefox

Nov 9, 2010

I created a page that has an iframe on it. Within this iframe I call an asp page. The asp page is supposed to do some work and then update the innerHTML of a <div> object on the parent page to indicate that processing of the page in the iframe is complete. The code works in IE but not FireFox. I am wondering what is the best way to make the script work for both browsers?

Sub page JavaScript:
updateParent(){
parent.document.getElementById("num2").innerHTML = '<center><strong>Processing complete.</strong></center>';
}
Parent page:
<div id="num2"></div>

View 1 Replies View Related

Changing Background Color Of Iframe

Mar 27, 2007

I do not much understand what is going on. The iframe is transparent in all browsers but IE. I need to change the background color in IE, of my iframe and cannot figure it out. My code is below. It is pulling from an external file exfile.js.

View 8 Replies View Related

IFRAME - Changing Background Image

Jul 1, 2010

I have found a method which works in FireFox (2 - 3.6) & Mozilla but obviously it is not generic and IE is proving difficult to provide an attribute I can change. This (in essence) is what I am doing. I do have CSS styles and set the background (fixed, repeated) there in a style called body. The one below is an exapmple - I change the URL of the IFRAME contents several times before dumping the filtered table in the innerHTML. This leaves the background as the last one set.

Code:
body{
background-attachment: fixed;
background-image: url(images/gcount.jpg);

[Code]...

View 1 Replies View Related

Dynamic Value From A Form Inside Of Iframe Not Changing?

Apr 6, 2009

pageone.htm has an iframe with pagetwo.htm inside pagetwo has a form with a hidden field that has a dynamic value.I'm trying to get that value from pageone.htm using:var myid = window.frames['myiframe'].document.forms['myform'].elements['page'].value; This is working, but I just get the value that the field had when I did:

setInterval('alert(GetValue())', 9000);

for the first time. All the alerts after the first one have the same value even when myid is changing in pagetwo.htm (tested alerting it in there).I thought that by using setInterval I would be checking for a fresh value every 9 seconds but what I get is the same old value every 9 seconds

///// pageone.htm /////
<script type="text/javascript">
function GetValue() {[code]......

View 2 Replies View Related

Changing A Img Src Inside A Iframe From Index Page?

Apr 18, 2009

Would like to say right away that I'm a massive newbie on this and the project below is something I'm creating for others but also to help me learn at the same time. First of all I have my Index file. This contains 3 divs (MainDiv TopDiv and BottomDiv) in which I load iframes onto using innerhtml using this code.

function loadPageX(pageAddress,containerID
{
var el=document.getElementById(containerID)
el.innerHTML="<iframe src="" + pageAddress + ""height="100%" frameborder="0" width="100%" ALLOWTRANSPARENCY="true"></iframe>"

[Code]...

View 3 Replies View Related

Changing An IFrame Source From Input Text?

Aug 17, 2010

I am looking for an input text that links to a iframe. . ?

To begin, we need some simple HTML elements:

A basic form; An Input text that will contain the URLs we want to use; An iFrame that will display the page we select from the input text.

View 7 Replies View Related

Changing IFrame Source From Main Window Onclick?

Nov 18, 2009

Ok, 'nother head-banger for the hardcore!

I have a "contact us" <a> with the id 'contact' on the main page, which is supposed to change the source file of an iframe to the contact page. Except when I click on "contact us" nothing happens.

I've tried to get this to work several different ways, and suspect that the problem is purely syntax, but I just haven't been able to figure it out.

Here's the code:

The snippet on the main page (index.html):

<div id="linkListContact" class="LinkList">
<img id="linkListContactBg" class="SideBarBgImg" src="Assets/Backgrounds/SideBar/ContactBg.png"></img>
<span>

[Code]....

The setIFrame function is used to call the content initially when the page loads, and is working beautifully in that context. You can see the problem in action at the actual site: [URL]

View 3 Replies View Related

Changing Css Class Of A Link On Click Withing Changing Original Code?

Jan 12, 2011

I currently have a normal link like Code:<a href="http://sitepoint.com" class="link">sitepoint</a> and when a user clicks on it I want to be able to change the "link" class to a different class. However, I don't want to add anything to the actual link html. Is it possible to do this using javascript without modifying the original link code?

View 4 Replies View Related

JQuery :: Changing The Value Of An Input Field With Val() Is Not Changing The Posted Value?

Feb 2, 2011

I am trying to dynamically clear the value of a form input field and then submit the form.When I used $('#my_field').val('') to clear the field, it was cleared on the screen but when the form was submitted the original value of the input field was posted.My browser is FireFox and I can see using FireBug that when the field is cleared, firebug is still showing the html code with the old value. E.G. <input type="text" value="old_value" />The same situation occurred if I used $('#my_field').attr('value', '') to clear the field.The same situation occurred if I actually changed the value of the field rather than just clearing it.To work around this problem I ended up using the $('#my_field').removeAttr('value') to clear the field before it was submitted.

View 1 Replies View Related

Changing Text With Changing Random Images?

May 7, 2009

I am a complete novice when it come to Javascript. I copied the script for displaying random images at a specific interval (from javascriptkit.com). I would appreciate knowing whether the following is possible:

The pages are based on tables, so the parts that change are all cells.

1. Can I define text instead of an image in the array? i.e. can I have the image change to say an apple in one cell and the next cell have text explaining what an apple is?

2. Would it be possible to put a countdown timer for when the image/text is going to change?

View 7 Replies View Related

Image Changing And Changing InnerHTML With JS : Query

Jul 6, 2011

Ive got a small image of a power button and when pressed the inner section on the button changes to yellow, but when its pressed down Im also trying to get part of my H1 (main header logo title) to change to yellow.

Ive created a span with an id surrounding the letters of the H1 that I want to change, the id being : "power";

The javascript that I have come up with so far and works is as follows:

<img id="poweron" src="http://www.sitepoint.com/forums/images/power.png" alt="Power on button" onmousedown="this.src='images/poweron.png';" onmouseup="this.src='images/power.png';"/>

I understand Im not really supposed to be using inline JS, and I know Ive got to create a function for the onmousedown event to trigger changing the H1 text, so am I under the right impression that the JS so far written is redundant and will have to be re-written so thats contained within a script placed just before the closing </body> and an external script for invoking the main function ?

View 2 Replies View Related

Make A Comment Editor With Iframe, And Want To Trigger The Change Of Content Inside Iframe?

Feb 18, 2011

I am trying to make a comment editor with iframe, and want to trigger the change of content inside iframe, the following code cant work.code....

View 5 Replies View Related

Use History To Resize An Iframe When A Submit Button Is Clicked Inside The Iframe

Oct 7, 2011

Im trying to use javascript history to resize an iframe when a submit button is clicked inside the iframe.

This is what i found so far.

Code:

Us this with iframe:

Code:

Code:

But im not really sure on how to apply this to my iframe, and i know that the resize part also needs to be edited, but what is missing?

View 1 Replies View Related

JQuery :: Cannot Trigger Event From Parent Iframe Into Child Iframe?

Oct 25, 2010

Have this in parent document:

function ResizeDocument(...) {
$("iframe"
).each(function
(){ $(this
.contentWindow.document).trigger('customresize'
,null
);});

[Code]...

View 2 Replies View Related

JQuery :: Use BlockUI From Within An Iframe To Block The Parent Iframe

Aug 18, 2009

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].....

View 1 Replies View Related

Iframe Resizing Each Time New Page Loads In Iframe

Aug 14, 2009

I'd like to resize an iframe into which different (same domain) pages of differing heights are loaded. I can do a first-time resize no problem. It's the subsequent reloads that need to pass back their height to the parent page There seem to be lots of solutions for that around, but few I can see for resizing each time the iframe reloads. One is described here on another board [URL] but unfortunately the test page is no longer around (or indeed the site), so the full code is no longer available there. This one works, almost, for me: [URL] it does resize for me, but not quite sufficiently high each time - about 90% of what is required: [URL] Is there a way to add on sufficient extra margin that scrollbars no longer appear?

View 8 Replies View Related

Resize Iframe Depending On Height Of Iframe Contents

Aug 2, 2009

Is there a way to resize an iframe dynamically so that you never get the scroll bar and essentially hide that there is an iframe? Better integration really.Basically I want to iframe a forum into my site so that the design down the sides and top which my friend does using iweb are not messed with.We have a central area which can be longer or shorter depending on the forum.

View 3 Replies View Related

Refresh Iframe's Parent From Within Iframe In Https?

Aug 11, 2011

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 Related







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