Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.05.2016, 16:26
Новичок на форуме
Отправить личное сообщение для Flakky Посмотреть профиль Найти все сообщения от Flakky
 
Регистрация: 12.05.2016
Сообщений: 8

Модульная подгрузка содержимого на веб страницу
Приветствую всех!

Требуется сделать подгруздку модулей на одну веб страницу. Что, собственно, происходит:

Есть несколько модулей (стандартные html5 + js страницы) по работе с Canvas (своего рода различные редакторы), а так же имеется модуль с 3д рендерингом, где Canvas изображение можно посмотреть в 3д режиме.

То есть что-то вроде такого:

main.html
edit-painter.html
edit-converter.html
3d-preview.html
Ну и все такое.

В каждом из них что-то подобное:

<div id="editor-painter">
<bla bla bla></bla>
<bla bla bla></bla>
</div>

<script src="painter-canvaswork.js"></script>
<script src="painter-editor.js"></script>


То есть необходимый html код + подгрузка скриптов, необходимых для работы с канвасом этого редактора + скрипты самого редактора.

Дело в том, что не очень понимаю, как можно устроить это все дело. Из-за того, что эти модули могут добавляться постепенно мною, нужна ещё и гибкость (то есть добавил файлы и скрипты, добавил в основной редактор функцию и все начало работать)

Можно, конечно, подгружать через iframe, или же через .innerHTML, но вот как-то меня эти вещи смущают, не уверен, что правильно.

Более того, из основной страницы нужно будет передавать информацию, а потом, когда работа в этом модуле закончена, нужно возвращать результат в главное окно (или в другой модуль через главное окно), при этом сам этот модуль закрывать (выгружать со страницы). И вся эта коммуникация очень важна, так как работа с канвас изображением подразумевает использование разных редакторов, открываемых по мере необходимости пользователем.


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

Сразу хочу сказать, что с сервером никакого обмена нету, это просто своего рода приложение в браузере. И да.. Хотелось бы обойтись без jquery, на чистом js. Хотя может если есть какие-то предложения, выслушаю.

Заранее спасибо за ответ!
Ответить с цитированием
  #2 (permalink)  
Старый 12.05.2016, 17:35
Аватар для Poznakomlus
Профессор
Отправить личное сообщение для Poznakomlus Посмотреть профиль Найти все сообщения от Poznakomlus
 
Регистрация: 13.03.2013
Сообщений: 1,337

http://requirejs.org/
https://plus.google.com/+FedorVlasen...ts/W7eJNRnNVjU
Ответить с цитированием
  #3 (permalink)  
Старый 12.05.2016, 18:28
Новичок на форуме
Отправить личное сообщение для Flakky Посмотреть профиль Найти все сообщения от Flakky
 
Регистрация: 12.05.2016
Сообщений: 8

Хмм, разве это не для подгрузки скриптов? Как же с самим HTML быть?
Ответить с цитированием
  #4 (permalink)  
Старый 12.05.2016, 21:12
Аватар для Poznakomlus
Профессор
Отправить личное сообщение для Poznakomlus Посмотреть профиль Найти все сообщения от Poznakomlus
 
Регистрация: 13.03.2013
Сообщений: 1,337

Сообщение от Flakky
Как же с самим HTML быть?
https://learn.javascript.ru/link-import
смотрите на совместимость с броузерами
иначе четче опишите задачу
Ответить с цитированием
  #5 (permalink)  
Старый 13.05.2016, 08:03
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Flakky,
Коммуникацию - через localStorage
Ответить с цитированием
  #6 (permalink)  
Старый 13.05.2016, 16:14
Новичок на форуме
Отправить личное сообщение для Flakky Посмотреть профиль Найти все сообщения от Flakky
 
Регистрация: 12.05.2016
Сообщений: 8

Сообщение от Poznakomlus Посмотреть сообщение
https://learn.javascript.ru/link-import
смотрите на совместимость с броузерами
иначе четче опишите задачу
Большое спасибо, вроде то, что нужно. Вот только по совместимости жаль работает только в хроме..

Последний раз редактировалось Flakky, 13.05.2016 в 16:17.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выпадающее меню в ИЕ не работает на веб сервере. Saratov64 Internet Explorer 1 05.05.2016 11:13
Подгрузка фотографий на страницу bos95689 Элементы интерфейса 2 10.02.2016 11:18
ajax загрузка HTML содержимого на страницу при выборе определенного select alex162341 jQuery 7 19.10.2014 07:32