81 lines
1.8 KiB
HTML
81 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Jarvis</title>
|
|
<meta name="description" content="" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="../style/Style.css" />
|
|
</head>
|
|
<body >
|
|
|
|
|
|
|
|
|
|
|
|
<div style="display: flex;flex-direction: row;flex-wrap: wrap; justify-content: center; ">
|
|
<iframe src="../2/left.html" id="leftmenu" style="background-color: rgb(0, 0, 0);border-color: aqua; margin: 0; padding: 0; box-sizing: border-box; flex-grow: 0.1; "></iframe>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<iframe src="../3/center.html" id="center" class="flex_parent" style="background-color: rgb(0, 0, 0);border-color: aqua; margin: 0; padding: 0; box-sizing: border-box; flex-grow: 2; padding-right: 0px;margin-left: 0px; min-height: 400px;"></iframe>
|
|
|
|
|
|
|
|
|
|
|
|
<iframe src="../4/right.html" id="rightmenu" style="background-color: rgb(0, 0, 0);border-color: aqua; margin: 0; padding: 0; box-sizing: border-box; flex-grow: 0.1; height: 99.6vh;"></iframe>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
// Listen for messages from iframes
|
|
window.addEventListener('message', (event) => {
|
|
if (event.origin !== window.location.origin) return; // Security check
|
|
|
|
const { target, message } = event.data;
|
|
|
|
const id_of_recipant__iframe_element = document.getElementById(target).contentWindow;
|
|
id_of_recipant__iframe_element.postMessage(event.data , '*'); // Forward to center.html
|
|
});
|
|
</script>
|
|
|
|
|
|
<!-- <iframe id="iframe1" src="iframe1.html"></iframe>
|
|
<iframe id="iframe2" src="iframe2.html"></iframe> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <script src="./index_JS.js"></script>
|
|
<script src="./app.js"></script> -->
|
|
</body>
|
|
</html>
|