Нажмите кнопку радио, чтобы открыть iframe с помощью Fancybox

Question

У меня есть обычная размеченная HTML-страница, где пользователь может выбрать один из трех переключателей.

[o] Вариант 1

[o] Вариант 2

[o] Вариант 3

Однако, когда они нажимают на кнопку радио для варианта 2, должно открыться всплывающее окно с отображением страницы.

Я установил Fancybox (который уже работает! Для тех, кто не знает, что это альтернатива лайтбоксу), который открывает страницу в iframe.

У меня есть текстовая тестовая ссылка на сайте:

<a id="example1" href="http://www.url.com/pages/newpage.php?iframe">test</a>

Итак, когда я сейчас нажимаю «проверить», открывается Fancybox, отображающий newpage.php.

Это УЖЕ работает. Но теперь мне нужно сделать так, чтобы при нажатии переключателя для варианта 2 она открывала эту страницу. Я попробовал:

<input type="radio" id="example1" name="wnf" value="geven" onclick="window.open='http://www.url.com/pages/newpage.php?iframe'" /> Option 2

Это не работает. Идея-х?

Заранее спасибо.

Answer 1

Вам необходимо прикрепить fancybox к вашей радиокнопке и установить источник изображения для отображения в опциях, см. Пример здесь :

    $("#yourRabioBtnSelector").fancybox({
        target: this,
        href: 'url_of_the_image'
    });