How to use variable as src iframe in wordpress?

Question

I want to set a dynamic url as a variable, I tried it this way but it doesn't work:

<iframe src=src width="100" height="100"></iframe>

<script>
var src = "https://mypage.com"
console.log(src)
</script>

Is it possible?

On what event does this need to occur on page load, on clicking a link, ... ? — Jasper B
– Jasper B, Commented Jul 6, 2021 at 13:40
@JasperB after loading the page (if it detects id in the wordpress url then this id must be added to the url of iframe) — user12933680
– user12933680, Commented Jul 6, 2021 at 13:43

Jasper B · Accepted Answer · 2021-07-06 13:53:06Z

0

An example for loading the page

function setIframeSrc(id, url) {
    document.getElementById(id).src = url;
}
document.addEventListener("DOMContentLoaded", function() {
    var urlParams = new URLSearchParams(window.location.search)
    if(urlParams.get('id') != null){
       var id = urlParams.get('id')
       setIframeSrc('target_frame', 'https://example.com?id' + id)
    }
});

<iframe id="target_frame" src="about:blank" style="width:500px; height:500px;"></iframe>

edited Jul 6, 2021 at 13:53

answered Jul 6, 2021 at 13:45

Jasper B

8815 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

How to use variable as src iframe in wordpress?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related