Question

61

How to display an iframe on button click

rated 0 times [ 64] [ 3] / answers: 1 / hits: 67420 / 10 Years ago, thu, october 9, 2014, 12:00:00

I just want to know how can I display an iframe on button click

Here is my code:

function postYourAdd () {

    var iframe = $(#forPostyouradd);

    iframe.attr(src, iframe.data(src)); 

}

<button id=postYourAdd onclick=postYourAdd()>Button</button>

<iframe id=forPostyouradd data-src=http://www.w3schools.com src=about:blank width=200 height=200 style=background:#ffffff></iframe>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

brynnleslis

Add To Favorites

Follow

Total Points: 425

Total Questions: 100

Total Answers: 115

Location: Wallis and Futuna

Member since Tue, Mar 30, 2021

3 Years ago

answered 10 Years ago jackie · Accepted Answer

At least in the Snippet you provided, you forgot to add a reference to JQuery. See it working now:

function postYourAdd () {

    var iframe = $(#forPostyouradd);

    iframe.attr(src, iframe.data(src)); 

}

<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js></script>

<button id=postYourAdd onclick=postYourAdd()>OPEN</button>

<iframe id=forPostyouradd data-src=http://www.w3schools.com src=about:blank width=500 height=200 style=background:#ffffff></iframe>