### Show Modal Dialog

W3.css example showing a modal dialog via B4J Code by using the Eval method.
Find more about w3.css modal dialogs: http://www.w3schools.com/w3css/w3css_modal.asp
HTML
Define the modal dialog with ID dlglighthouseinfo.
The onclick event has its display style set to none, so the dialog is not visible.
...
<!-- MODAL DIALOG LIGHTHOUSEINFO BEGIN -->
<div id="dlglighthouseinfo" class="w3-modal">
<div class="w3-modal-content">
<div class="w3-container">
<span onclick="document.getElementById('dlglighthouseinfo').style.display='none'" class="w3-closebtn">×</span>
<h4>Lighthouse Information</h4>
<ul class="w3-ul w3-medium">
<li><div id="lighthousename"></div></li>
<li><div id="lighthouseposition"></div></li>
<li>Visit <a href="lighthousereference" id="lighthousereference">Reference</a></li>
</ul>
</div>
</div>
</div>
<!-- MODAL DIALOG LIGHTHOUSEINFO END -->
...
B4J
The dialog is call from a websocket class.
'
`Sub Class_Globals
Private ws As WebSocket 'ignore
`Private Sub WebSocket_Connected (WebSocket1 As WebSocket)
ws = WebSocket1
Call the dialog with its display style set to block. No parameter required.
ws.Eval($"document.getElementById('dlglighthouseinfo').style.display='block'"$, Null)
The call can be triggered by a button or as a result of a HTTP job.
``

Changed: , Category: WebApps W3 CSS, File: T6C283M2122.htm, ID: 2122