Как открыть несколько форм на одной HTML-странице?

Question

Как открыть несколько форм на одной HTML-странице?

0

У меня есть одна страница HTML Bootstrap, которая является хранилищем для большого количества форм (викторины). В настоящее время у меня есть викторины, открывающиеся в bootstrap modal через iFrame, но отставание от начальной загрузки страницы репозитория плохое (слишком много вызовов на сервер для iFrames).

Это для работы, поэтому сервер Oracle (без php), и все еще все системы XP используют IE8.

IFrames работают, но они отстают от страницы. Как мне открыть несколько версий этой формы, не выходя из страницы?

Викторины следуют этому формату: http://techlaboratory.net/techlab/demos/SmartWizard2/

Основываясь на предложении Ajax, я попытался подражать примеру, который я нашел, но я должен что-то упустить.

<html>
<head>
<title>ajax test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script>
function showUrlInDialog(url){
   var tag = $("<div></div>");
      $.ajax({
         url: url,
           success: function(data) {
              tag.html(data).dialog({modal: true}).dialog('open');
                }
                   });
                    } 

</script>
</head>

<body>

<a href="#" onclick="showUrlInDialog('../../quiz_all/match.html'); return false;">Match quiz</a> 


</body>
</html>

user2683780 19 сен. 2013, в 21:12

Источник

Теги:

javascript

jquery

html

forms

1 ответ

Ещё вопросы

TGH · Answer 1 · 2013-09-19T17-38-00.000Z

Я бы превратил его в пользовательский интерфейс Ajax, где вы получаете свои викторины через вызовы ajax и вставляете их непосредственно в DOM. Это означает, что вы можете выполнить одностраничное приложение и без iframes

Я пытался сделать это с помощью опции remote на моделях начальной загрузки, но я получаю конфликт в коде. Умный мастер должен конфликтовать с каким-либо скриптом начальной загрузки. Поскольку я не собираюсь находить конфликт (уже потраченный впустую неделю), я должен искать нестандартное решение, такое как prettyphoto, которое говорит, что может сделать вызов ajax, или это более простое решение.
Трудно сказать, в чем заключаются конфликты, но один из подходов заключается в управлении вызовами ajax в обычном JQuery.
Я смотрю на что-то подобное? 8raystech.com/2011/06/28/… . Мне нужен пример, чтобы разобрать код, поскольку я не могу написать его сам.