71 lines
1.6 KiB
HTML
71 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
|
|
<style>
|
|
|
|
html, body {
|
|
height: 100%;
|
|
background: #f2f2f2;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Roboto', sans-serif;
|
|
font-size: 14px;
|
|
line-height: 1.50;
|
|
-webkit-font-smoothing: antialiased;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.column {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.row:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
iframe {
|
|
width: 100%;
|
|
height: 800px;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
<body onload="init()">
|
|
|
|
<script>
|
|
|
|
function init() {
|
|
|
|
const iframeBaseURL = "./../app/index.html?projectId=Systhema&modelId=Campus_Vianen_LOD300_2017_Architecture";
|
|
|
|
const iframeElement = document.getElementById("embeddedViewer");
|
|
if (!iframeElement) {
|
|
throw "IFRAME not found";
|
|
}
|
|
|
|
iframeElement.src = iframeBaseURL;
|
|
|
|
window.selectObject = function (objectId) {
|
|
iframeElement.src = iframeBaseURL + "#actions=focusObject,openTab&objectId=" + objectId + "&tabId=objects";
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
<ul>
|
|
<li><a href="javascript:selectObject('12gdqnsSX07wsF86ICAsDS')">Focus object "12gdqnsSX07wsF86ICAsDS"</a></li>
|
|
<li><a href="javascript:selectObject('2WQaDq3j9DFQGtLRgHbqGu')">Focus object "2WQaDq3j9DFQGtLRgHbqGu"</a></li>
|
|
</ul>
|
|
<iframe id="embeddedViewer"></iframe>
|
|
|
|
</body>
|
|
</html> |