Is there a way to stream a specific container from my webpage to another window?
The scenario is similar to a Point of Sale system, where there is an operator-facing display and a second customer-facing display.
The operator-facing display will show all the toolbars, menus, and other elements, while the customer-facing display will only display a particular container from the operator's window.
For example, the Operator Display will have the complete webpage content, but the Customer Display will only showcase the #output container.
Operator Display
<div id="toolbar">
<ul>
<li><button>Action 1</button></li>
<li><button>Action 2</button></li>
</ul>
</div>
<div id="output">
//OUTPUT GOES HERE
</div>
Customer Display
<div id="output">
//OUTPUT GOES HERE
</div>
Is there a solution for achieving this functionality?