Inject HTML into iFrame

[Shane Hicks]

I am trying to simplify my client’s website modification system to help get an idea of what they want. I need to be able to add JavaScript to an iFrame of their website. Below is an example of how I need it to work.

Client accesses page (www.theirdomain.com/page1) that has a drop-down of all the pages on their website (or possibly as textbox for them to enter the URL). Client then clicks a submit button.

The iFrame redirects to the page (www.theirdomain.com/page2) and automatically adds the JavaScript to the webpage.

For the sake of time, I need to stick with method I am currently trying to use

Here is the code I want to add to the pages and below is the exact same code I wish to add to the iFrame.

<script src="http://www.jotform.com/min/?g=feedback2" type="text/javascript"></script>
<script type="text/javascript">
new JotformFeedback({
formId : "XXXXXXXXXXXX",
buttonText : "Make Changes",
windowTitle : "Mark up the screenshot to describe a problem or suggestion",
base : "http://jotform.us/",
background : "#77BCD9",
fontColor : "#FFFFFF",
buttonSide : "bottom",
buttonAlign : "right",
type : false,
width : 280,
height : 420,
instant : true
});
</script>

Also, It would be very helpful if someone could provide code for me. Thank you ahead of time.

[James]

You mean, directly inject HTML in to an iFrame element, or inject the code in to the HTML Document displayed inside the iFrame? If the second option, it’s not possible.

PS, no need for double posting.

[Senff]

Discussion already here: https://css-tricks.com/forums/topic/insert-code-into-iframe/

[Author]

Posts