Необычная форма iframe

0

Я пытаюсь открыть fancybox iframe с содержимым HTML внутри, пока это просто простой html-документ с текстом, но в любом случае он будет формально, но когда я нажму, чтобы протестировать его, он просто откроет другой документ HTML. как это сделать, чтобы он открыл html-документ в iframe. вот мой html с включением и ссылкой кнопки, которые должны открыть HTML в fancybox:

<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" href="/js/source/jquery.fancybox.css" type="text/css"     media="screen" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/js/source/jquery.fancybox.pack.js"></script>
<script language="javascript" type="text/javascript" src="/js/source/vpb_script.js"></script>

<body>

<div id = "signup"><div><center><a class = "fancybox fancybox.iframe" href="form.html">      <img src="images/sign-up.png" width="216" height="65" /></a></center></div></div>

 </div>



</div>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
width : '70%',
height : '70%
}); 
});
</script>
</body>
</html>

Пожалуйста помоги :)

Теги:
modal-dialog

1 ответ

1

У вас есть некорректная одиночная кавычка в конце атрибута height. Вы используете какую-то странную поднятую запятую вместо одной цитаты, и это вызывает ошибку javascript.

Смотрите эту скрипку, где я ее работаю. http://jsfiddle.net/manishie/DRvyq/

HTML:

<a class="fancybox" data-fancybox-type="iframe" href="http://disney.com">Iframe</a>

JavaScript:

  $(document).ready(function () {
      $(".fancybox").fancybox({
          width: '70%',
          height: '70%'
      });
  });

Ещё вопросы

Сообщество Overcoder
Наверх
Меню