HTML <frame> SRC-attribute - use html-code instead of URL

Question

Is there a way to use pure html-code to display inside a frame instead of having to link to a specific URL/file?

For example:

NOT like this

<iframe src="left.html" name="left"></iframe>

but like this

<iframe src="here goes the html code" name="thank you SO"></iframe>

No, such thing is not possible by design. What is the point of <iframe> if all you want is to have it display static content? Just use <div> tag for this. — user447356
– user447356, Commented Mar 21, 2012 at 12:53
What do you mean by "don't have to care about referring & stuff"? — user447356
– user447356, Commented Mar 21, 2012 at 13:03
the problem is that the code I insert somehow referrs my whole page so the code is not displayed INSIDE the div but as a new page.. — user966041
– user966041, Commented Mar 21, 2012 at 13:09
Sorry, no idea what you mean. Anyway my first comment stands - you can't put contents inside <iframe> that's simply not how it should be used. — user447356
– user447356, Commented Mar 21, 2012 at 13:17

hennson · Accepted Answer · 2012-03-21 13:53:18Z

14

maybe you could inject HTML into the iFrame/Frame like described in this article:Injecting HTML into an IFrame by Michael Mahemoff.

Something like this:

var content = "<html><body><b>Hello World!</b></body></html>";

var iframe = document.createElement("iframe");
    document.body.appendChild(iframe);

var frameDoc = iframe.document;
    if(iframe.contentWindow)
        frameDoc = iframe.contentWindow.document; // IE
    // Write into iframe
    frameDoc.open();
    frameDoc.writeln(content);
    frameDoc.close();

HTH,

--hennson

answered Mar 21, 2012 at 13:53

hennson

8095 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user17753 · Accepted Answer · 2012-03-21 13:04:20Z

2

In HTML5 there appears to be a way to do this:

<iframe seamless sandbox srcdoc="<p>did you get a cover picture yet?"></iframe>

See here, supposedly this is the purpose of the new html5 srcdoc attribute.

According to the MDN, it appears only chrome will honor the srcdoc attribute at this time.

I wasn't able to get this attribute to work, so it's probably not a viable option at this time. As others suggested, using a div is probably a better solution.

edited Mar 21, 2012 at 13:04

answered Mar 21, 2012 at 12:57

user17753

3,18110 gold badges41 silver badges75 bronze badges

1 Comment

user447356 Over a year ago

It's currently not supported by any browser.

goodwin · Accepted Answer · 2016-09-13 14:21:59Z

2

srcdoc attribute of iframe is the simple method...

<iframe srcdoc="Your text goes here..."></iframe>

answered Sep 13, 2016 at 14:21

goodwin

211 bronze badge

Comments

rfranr · Accepted Answer · 2012-03-21 12:47:27Z

0

I think that you cannot do this. Maybe you can try with a DIV an modify the content with javascript with innerHTML?

<div id='A' onclick="javascript:document.getElementById('A').innerHTML = 'Another content'">
    Click me
<div>

answered Mar 21, 2012 at 12:47

rfranr

563 bronze badges

2 Comments

user966041 Over a year ago

Thanks for your reply. Actually that was my previous approach but as I wrote in this post stackoverflow.com/questions/9803700/… it doesn't work in this particular case. That is why I wanted to use a frame, so I don't have to care about referring & stuff as all happens inside that frame.

rfranr Over a year ago

I did not know the srcdoc attribute, thanks ! But i suspects that it isn't supported for the majority of browsers. I found this information in that page: html-5.com/tags/iframe-tag/index.html#attributes

Collectives™ on Stack Overflow

HTML <frame> SRC-attribute - use html-code instead of URL

4 Answers 4

Comments

1 Comment

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related