JavaScript: пользовательское всплывающее окно

Question

Я пытаюсь создать настраиваемое всплывающее окно с использованием JavaScript, который может содержать форму, а затем использовать содержимое этой формы на исходной странице.

У меня есть большой стол, разбитый на несколько разделов, содержащих текст. Каждый раздел имеет название и тело (которые являются обеими ячейками таблицы, которые имеют уникальные идентификаторы). Затем я использую JavaScript для вывода контента из формы и вставки информации в эту таблицу (с использованием метода getElementById ... innerHTML). Проблема в том, что страница становится слишком большой, чтобы соответствовать таблице и форме на ... Любые идеи ???

Answer 1

Если вы готовы использовать JQuery, то у вас есть несколько вариантов:

для диалогового окна/всплывающего сценария simple-modal dialog очень приятно. Вы можете интегрировать его через элементы div на своей главной странице, и таким образом вы можете избежать необходимости управлять дополнительными окнами в javascript.

Если вы хотите добавить пейджинг, фильтрацию и поиск на свой большой стол DataTables - это надрез. Он может быть применен к стандартной таблице html и очень универсален. Это также позволит вам скрыть столбцы, поэтому я бы подумал, что вы можете хранить свои идентификационные ключи в этих столбцах и легко использовать диалоговое окно.

Answer 2

JD-Daz -

Я бы не использовать всплывающее окно. Никто не любит всплывающие окна, потому что они не подключены к исходному окну, и они зависят от оконной системы операционной системы хоста. Кроме того, это бесполезно в браузерах с вкладками. Вместо этого вы должны использовать свободно плавающий элемент DIV в качестве контейнера таблицы. Вы можете разрешить прокрутку таблицы внутри элемента DIV, если это необходимо.

- Марк