How do I make iframe get src from js variable?

Question

I was wondering if anyone could help me with making a program in HTML that looks like this:

<html>
    <body>
        <script>
            var iframesite = prompt ('Enter in a site');
        </script>
        <iframe src="?"></iframe>
    </body>
</html>

So what would I put in the place of the "?" ? I want it to be javascript inside of the src attribute so that I can put 'https:// ' + iframesite for a src.

Thanks

Possible duplicate of [HTML, set iframe src as a javascript variable](http://stackoverflow.com/questions/13654868/html-set-iframe-src-as-a-javascript-variable) — Raúl Martín, Mar 19 '16 at 23:06
Another one here http://stackoverflow.com/questions/6000987/dynamically-set-iframe-src — PinkTurtle, Mar 19 '16 at 23:07

score 1 · Answer 1 · answered Mar 19 '16 at 23:12

If you want to use plain javascript you can achieve this with something like this:

var iframesite = prompt ('Enter in a site');
document.getElementsByTagName("iframe")[0].setAttribute("src", "https://" + iframesite );

Otherwise I would suggest you to have a look at jquery

score 0 · Accepted Answer · answered Mar 19 '16 at 23:13

0

I think adding a Iframe would work. Here is some example code:

var iframesite = prompt ('Enter in a site');
var iframe = document.createElement('iframe');
iframe.src = iframesite;
document.body.appendChild(iframe);

answered Mar 19 '16 at 23:13

Jamel de la Fuente

69
7

@PinkTurtle You can get never enough help ;) – Jamel de la Fuente Mar 19 '16 at 23:14

How do I make iframe get src from js variable?

2 Answers2