Разделите одну HTML-страницу для отображения разных представлений на нескольких экранах.

У меня есть два экрана: экран 1 и экран 2, а также HTML-страница с JavaScript/JQuery.
Что я хочу сделать, так это разделить HTML на два представления. Один на Экране 1, а другой на Экране 2.
Экран 1 имеет простой вид (например, экран кинотеатра для просмотра покупателями), а Экран 2 имеет все элементы управления (например, виден человеку на другом конце). Любое возможное решение?


javascript html screen jquery screensharing
person Anakooter    schedule 02.09.2015    source источник
comment
Вы уже пробовали что-то?   -  person MaxZoom    schedule 02.09.2015
comment
Я не могу придумать никакого решения, кроме как создать две разные HTML-страницы для запуска на двух экранах и разместить между ними прокси-сервер для связи.   -  person Anakooter    schedule 02.09.2015
comment
Почему? Единственными возможными решениями являются: 1) выход из полноэкранного режима и расширение браузера почти до высоты экрана и ширины обоих экранов или 2) иметь одно окно браузера справа и одно слева экрана, когда вы не можете общаться между двумя окнами. поэтому у вас должно быть два разных сайта.   -  person Tom Doodler    schedule 02.09.2015
comment
Вы можете поэкспериментировать с двумя iframes на одном страница.   -  person MaxZoom    schedule 02.09.2015

Ответы (2)


arrow_upward
1
arrow_downward

  • Лучшим решением было бы иметь 2 разные страницы, ведь это система, а не страница.
  • Но, поскольку вам нужен обходной путь, используйте Bootstrap (он отзывчивый, поэтому его легко адаптировать к 2 экранам). отображать).

добавить Bootstrap в HTML ‹head›:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

в HTML ‹тело›:

<div class="wrapper-fluid">
  <div class="container-fluid">
    <div class="row">
      <div id="screen1" class="col-md-6">
        <!-- PAGE 1 HERE -->
      </div>
      <div id="screen2" class="col-md-6">
        <!-- PAGE 2 HERE -->
      </div>
    </div>
  </div>
</div>

и в CSS:

#screen1 {
  background-color: blue;
  height: 900px;
}
#screen2 {
  background-color: green;
  height: 900px;
}
person warkentien2    schedule 02.09.2015
comment
Для этого я заставил свои два экрана работать как один большой экран. - person Anakooter; 03.09.2015
comment
о, я неправильно понял ваш вопрос, вы имеете в виду что-то еще в этом направлении? stackoverflow.com/questions/5277482/ stackoverflow.com/questions/8211128/ - person warkentien2; 03.09.2015

arrow_upward
0
arrow_downward

Это старая школа, но я недавно сделал что-то подобное, используя атрибут «цель» внутри тега привязки. Откройте два окна браузера, установите «отображение» в полноэкранном режиме, а ссылки на первом экране (экране управления) нацелены на второе окно браузера. Например:

<a target='songs' href='/freebird.html'>Freebird</a>

Программирование не требуется.

person theglossy1    schedule 02.09.2015
comment
Как я буду передавать данные между ними. Скажем в виде json? Мне нужно двустороннее управление. Принимая во внимание приведенный выше пример, если клиент выбирает место на Экране 1, мне нужно обновить DOM Экрана 2. И аналогично, если парень за стойкой вносит некоторые изменения на Экран 2, и я хочу обновить Экран 1. - person Anakooter; 02.09.2015