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:
The problem persists if the page originally loaded into the iframe contains no code.
However none seem to be doing what I need (bringing back the full html). I've tried to debug what object is returned from .render() but I'm stuck. It looks like some sort of array. I've attached a picture from FireBug.
My background is C++ and C#. Using basic selectors and filters in jQuery is not a problem for me. My problem is finding the right jQuery code to capture a live html page and assign an object which contains all the html text I just captured... then I can use the object to apply basic selector and filter functions to create another page.
I have this simple code here: var container = document.getElementById(con); var obj = container.getElementsByTagName('img'); And I want to get the full HTML image tag using the obj value, if you get what I mean. So I want to get this: <img src="images/image_209948045.jpg" /> by using this: obj;
after i've built an element, can i convert that element to html? the current method i'm thinking is to append this element to a new <Div> and call the Div's innerHTML but it feels rather dirty. is there a better solution?
First, with AJAX I will get a remote web page into a string. Thus, a string will contain HTML tags and such. I will need to extract text from one <span> for which I know the ID the inner text.
Is it possible to access in this way "string variable".getElementByID() somehow?
PS: Just thinking of a proper/efficient way to extract the information from such a string. I am open to other ideas. I could load that page in IFRAME and get my access to DOM that way, yet probably it is not an eligant solution.
How can i pass the dom object to java and evaluate the scripts contents from java.
I'm developing a web app in which I have a file upload option. The thing is, my file input is hidden, and instead, a textbox and a button are used, in order to style the input, copy the file input's value and allowing the user write a link address into the textbox (the php upload page recognizes the text in the textbox and takes action if the text is a hyperlink or a file upload).
The problem is, when I submit the form, the php is catching the file input's value as empty. So I removed the hidden property of the file input, in order to check what was wrong, and I noticed the input's value is being reset on form submit. When not hidden it takes me two button clicks to submit the form, being the first one the responsible for cleaning the file input. Though, if I assign it's value directly from the input object, it works perfectly.
I am working on a website that will contain YouTube Photoshop tutorial videos which I am creating.
The videos will be added as embedded objects. I want to use a dropdown menu so the user can select which video will appear. The video itself will be contained inside of a single table cell. The content of that cell will depend on which video is selected in the dropdown.
My code is as follows;
My problem is that the variable msg1 does not work when accessed from function called from the jQuery get function. I get the message undefined. Therefore I am wondering, is there a way how I can access msg1 of my object instance from the get function of jQuery?
how to add extra properties to html elements as I was storing data in html attributes. After looking at some others code including Raphael and this addEvent code. [URL] They seem to treat objects just like an array. obj[property] = value; This would have been extremely helpful to know previously as I have needed to be able to include variables in property names - but have resorted to making the whole thing a string and calling exec() on it.
There must be some fundamental difference between changing an image or iframe "src" and changing an object's "data" that totally escapes me because the above script won't update/refresh/reload/change the existing embedded page (page1.html) to page2.html.
I have run the script with an "alert(document.getElementById('thing').data)" tacked onto the end of the above script, and it does, in fact, return "page2.html" in the dialogue box. So, maybe, I just need to refresh the object (without reloading the whole page!)?
I've noticed that <object> is usually used with applets and flash and sound and there seem to be commands to "run" them, but I can't find any terms to handle updating an embedded html document. Maybe there really just isn't any way to do this yet aside from iframe?