
<div dir="auto">Hello<div dir="auto">How to make this interconnected? </div><div dir="auto"><br></div><div dir="auto"><div style="font-size:12.8px" dir="auto"><br><div style="height:80px">I need cubes to be in three planes, connected</div><div style="width:361.091px;margin:16px 0px"><div dir="ltr"><div dir="ltr"><div><html></div><div><head></div><div>    <meta http-equiv="X-UA-Compatible" content="IE=edge" charset="UTF-8"/></div><div>    <title>My first X3DOM page</title></div><div>    <script type='text/javascript' src='<a href="https://www.x3dom.org/download/x3dom.js" style="text-decoration-line:none;color:rgb(66,133,244)">https://www.x3dom.org/download/x3dom.js</a>'> </script></div><div>    <link rel='stylesheet' type='text/css' href='<a href="https://www.x3dom.org/download/x3dom.css" style="text-decoration-line:none;color:rgb(66,133,244)">https://www.x3dom.org/download/x3dom.css</a>'></div><div>    <script></div><div>        function changeColor()</div><div>        {</div><div>            if(document.getElementById("color").getAttribute('diffuseColor')=="1 0 0")</div><div>                document.getElementById("color").setAttribute('diffuseColor', '0 0 1');</div><div>            else</div><div>                document.getElementById("color").setAttribute('diffuseColor', '1 0 0');</div><div>        }</div><div>function dataload()</div><div>{</div><div>$('#digital_download2').load('<a href="http://localhost/index2.php" style="text-decoration-line:none;color:rgb(66,133,244)">http://localhost/index2.php</a>', function(data){</div><div>alert(data)});</div><div>}</div><div>    </script></div><div>    <style></div><div>        x3d</div><div>        {</div><div>            border:2px solid darkorange;</div><div>            background: rgba(128, 128, 128, 0.4);</div><div>        }</div><div><br></div><div>        body</div><div>        {</div><div>            font-size:110%;</div><div>            font-family:verdana, sans-serif;</div><div>            background-image: url('pattern.png');</div><div>            margin: 3em;</div><div>            color: lightgray;</div><div>        }</div><div><br></div><div>        h1</div><div>        {</div><div>            color: darkorange;</div><div>        }</div><div>    </style></div><div></head></div><div><body></div><div><br></div><div><h1>Hello, X3DOM!</h1></div><div><p></div><div>    </div><div></p></div><div><x3d width='500px' height='400px'></div><div>    <scene></div><div>        <shape onclick="changeColor(); dataload();"></div><div>            <appearance></div><div>                <material id ="color" diffuseColor='1 0 0'></material></div><div>            </appearance></div><div>            <box></box></div><div>        </shape></div><div>        <transform translation='-3 0 0'></div><div>            <shape></div><div>                <appearance></div><div>                    <material diffuseColor='0 1 0'></material></div><div>                </appearance></div><div>                <box></box></div><div>            </shape></div><div>        </transform></div><div>        <transform translation='3 0 0'></div><div>            <shape></div><div>                <appearance></div><div>                    <material id="color3" diffuseColor='0 0 1' size="2 2 2"></material></div><div>                </appearance></div><div>                <box></box></div><div>            </shape></div><div>        </transform></div><div>    </scene></div><div></x3d></div><div><div id="digital_download"></div><div>A</div><div></div></div><div><div id="digital_download2" style="display: none;"></div><div><br></div><div><br></div><div></div><br><div></div><br><div><br></div><div><br></div><div></script></div><div><br></div><div><br></div><div></body></div><div></html> </div><div><br></div></div></div></div><div style="height:0px"></div></div><br></div></div>