Как открыть ссылку в всплывающем окне iframe

Question

У меня есть текст, который мне нужно связать с тем, где вы нажимаете на него, и окно iframe появляется с содержимым с внешнего сайта. Я нашел код, который, когда я его использую, над текстом появляется надпись, а содержимое отображается в поле при нажатии. Но мне нужно, чтобы он ничего не показывал, пока не будет нажата ссылка.

<iframe name="book" src="https://www.timetrade.com/book/9PK2K"></iframe> 
<a href='https://www.timetrade.com/book/9PK2K' target="book">Book Now!</a> 

Это код, который я использовал, чтобы попытаться получить его ссылку на всплывающее окно IFrame, но он показал коробку над текстом.

Answer 1

Вы должны будете использовать некоторые JavaScript для этого.

Простой метод onClick(), который устанавливает отображение «Блокировать» и «Нет» для отображения и скрытия, соответственно, должен делать трюк.

javascript установит style.display = "none" по умолчанию, а onClick будет записан для установки style.display = "block" или некоторого не скрытого атрибута.

Отметьте это http://www.w3schools.com/jsref/event_onclick.asp для onClick и http://www.w3schools.com/jsref/prop_style_display.asp за использование javascript для отображения/скрытия объектов DOM.

Удачи вам!