1234567891011121314151617181920212223242526 |
- <!DOCTYPE html>
-
- <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta charset="utf-8" />
- <title></title>
- </head>
- <body>
- <!-- 你的 mxGraph 內容 -->
- <div class="mxgraph" style="max-width:100%;border:1px solid transparent;" data-mxgraph="{"highlight":"#0000ff","lightbox":false,"nav":true,"toolbar":"layers tags","edit":"_blank","xml":"<mxfile host=\"app.diagrams.net\" agent=\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36\" version=\"24.7.17\">\n <diagram id=\"oUtavoNLKrpO5Gr4NNbx\" name=\"第1頁\">\n <mxGraphModel dx=\"6112\" dy=\"738\" grid=\"1\" gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\"1\" arrows=\"1\" fold=\"1\" page=\"1\" pageScale=\"1\" pageWidth=\"2339\" pageHeight=\"3300\" math=\"0\" shadow=\"0\">\n <root>\n <mxCell id=\"0\" />\n <mxCell id=\"1\" parent=\"0\" />\n <mxCell id=\"9wPmYFGd17N9ljJS7hFW-11\" value=\"\" style=\"edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;\" parent=\"1\" source=\"9wPmYFGd17N9ljJS7hFW-1\" target=\"9wPmYFGd17N9ljJS7hFW-2\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"9wPmYFGd17N9ljJS7hFW-12\" style=\"edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;\" parent=\"1\" source=\"9wPmYFGd17N9ljJS7hFW-1\" target=\"9wPmYFGd17N9ljJS7hFW-3\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"9wPmYFGd17N9ljJS7hFW-13\" style=\"edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;\" parent=\"1\" source=\"9wPmYFGd17N9ljJS7hFW-1\" target=\"9wPmYFGd17N9ljJS7hFW-4\" edge=\"1\">\n <mxGeometry relative=\"1\" as=\"geometry\" />\n </mxCell>\n <object label=\"&lt;font style=&quot;font-size: 14px&quot;&gt;主倉&lt;/font&gt;\" placeholders=\"1\" link=\"TEST.html\" id=\"9wPmYFGd17N9ljJS7hFW-1\">\n <mxCell style=\"rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;imageVerticalAlign=bottom;container=0;imageAlign=left;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"-3830\" y=\"110\" width=\"120\" height=\"50\" as=\"geometry\" />\n </mxCell>\n </object>\n <mxCell id=\"9wPmYFGd17N9ljJS7hFW-2\" value=\"&lt;font style=&quot;font-size: 14px&quot;&gt;區域倉2&lt;/font&gt;\" style=\"rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;imageVerticalAlign=bottom;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"-3830\" y=\"200\" width=\"120\" height=\"50\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"9wPmYFGd17N9ljJS7hFW-3\" value=\"&lt;font style=&quot;font-size: 14px&quot;&gt;區域倉1&lt;/font&gt;\" style=\"rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;imageVerticalAlign=bottom;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"-4110\" y=\"200\" width=\"120\" height=\"50\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"9wPmYFGd17N9ljJS7hFW-4\" value=\"&lt;font style=&quot;font-size: 14px&quot;&gt;區域倉3&lt;/font&gt;\" style=\"rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;imageVerticalAlign=bottom;imageWidth=24;imageHeight=24;absoluteArcSize=0;fillOpacity=100;labelPadding=0;\" parent=\"1\" vertex=\"1\">\n <mxGeometry x=\"-3550\" y=\"200\" width=\"120\" height=\"50\" as=\"geometry\" />\n </mxCell>\n <mxCell id=\"-eopDtIoViULOqzQd3KI-1\" value=\"\" style=\"rounded=0;whiteSpace=wrap;html=1;strokeColor=#d79b00;align=center;verticalAlign=middle;fontFamily=Helvetica;fontSize=12;fontColor=default;fillColor=#ffe6cc;gradientColor=#FF6666;imageVerticalAlign=bottom;\" vertex=\"1\" parent=\"1\">\n <mxGeometry x=\"-4110\" y=\"102\" width=\"120\" height=\"60\" as=\"geometry\" />\n </mxCell>\n </root>\n </mxGraphModel>\n </diagram>\n</mxfile>\n"}"></div>
- <script type="text/javascript" src="https://viewer.diagrams.net/js/viewer-static.min.js"></script>
- <script>
- document.addEventListener("click", function (event) {
- const target = event.target;
-
- // 檢查是否點擊到 mxCell(圖塊)
- if (target.closest(".mxCell")) {
- const cell = target.closest(".mxCell");
- const id = cell.getAttribute("id"); // 獲取圖塊的 ID
-
- // 發送消息到 VB.NET 應用
- window.cefSharp.SendMessage(id); // 這裡傳遞 ID
- }
- });</script>
- </body>
- </html>
|