<div dir="ltr"><div dir="ltr"><div dir="ltr"><pre>Here's what you put at the bottom of your python file, weblogo.py:</pre><pre><br></pre><pre># newModel is your main X3D top-level model object.</pre><pre><br></pre><pre>######################################################</pre><pre>from browser import document
def change(event):
src = newModel.Scene.HTML5()
document.getElementById("zone1").html = src
document.getElementById("zone2").text = "window.x3dom.reload();"
document["button1"].bind("click", change)</pre><pre><br></pre><pre><-----------------Example HTML below----------------></pre><pre><br></pre><pre><pre id="gmail-line1"><span class="gmail-doctype"><!doctype html></span>
<span id="gmail-line2"></span><<span class="gmail-start-tag">html</span>>
<span id="gmail-line3"></span> <<span class="gmail-start-tag">head</span>>
<span id="gmail-line4"></span> <<span class="gmail-start-tag">meta</span> <span class="gmail-attribute-name">charset</span>="<a class="gmail-attribute-value">utf-8</a>"/>
<span id="gmail-line5"></span> <<span class="gmail-start-tag">link</span> <span class="gmail-attribute-name">rel</span>="<a class="gmail-attribute-value">stylesheet</a>" <span class="gmail-attribute-name">type</span>="<a class="gmail-attribute-value">text/css</a>" <span class="gmail-attribute-name">href</span>="<a class="gmail-attribute-value">https://www.x3dom.org/download/1.8.2/x3dom.css</a>"><span class="error" title="Stray end tag “link”."></<span class="end-tag">link</span>></span>
<span id="gmail-line6"></span> <<span class="gmail-start-tag">script</span> <span class="gmail-attribute-name">type</span>="<a class="gmail-attribute-value">text/javascript</a>" <span class="gmail-attribute-name">src</span>="<a class="gmail-attribute-value">https://www.x3dom.org/download/1.8.2/x3dom-full.debug.js</a>"></<span class="end-tag">script</span>>
<span id="gmail-line7"></span> <<span class="gmail-start-tag">script</span> <span class="gmail-attribute-name">src</span>="<a class="gmail-attribute-value">https://code.jquery.com/jquery-3.6.0.min.js</a>" <span class="gmail-attribute-name">integrity</span>="<a class="gmail-attribute-value">sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=</a>" <span class="gmail-attribute-name">crossorigin</span>="<a class="gmail-attribute-value">anonymous</a>"></<span class="end-tag">script</span>>
<span id="gmail-line8"></span> <<span class="gmail-start-tag">script</span> <span class="gmail-attribute-name">type</span>="<a class="gmail-attribute-value">text/javascript</a>" <span class="gmail-attribute-name">src</span>="<a class="gmail-attribute-value">brython.js</a>"></<span class="end-tag">script</span>>
<span id="gmail-line9"></span> <<span class="gmail-start-tag">script</span> <span class="gmail-attribute-name">type</span>="<a class="gmail-attribute-value">text/javascript</a>" <span class="gmail-attribute-name">src</span>="<a class="gmail-attribute-value">brython_stdlib.js</a>"></<span class="end-tag">script</span>>
<span id="gmail-line10"></span></<span class="end-tag">head</span>>
<span id="gmail-line11"></span><<span class="gmail-start-tag">body</span> <span class="gmail-attribute-name">onload</span>="<a class="gmail-attribute-value">brython(1)</a>">
<span id="gmail-line12"></span><<span class="gmail-start-tag">button</span> <span class="gmail-attribute-name">id</span>="<a class="gmail-attribute-value">button1</a>">Press Button to Load Scene</<span class="end-tag">button</span>>
<span id="gmail-line13"></span><<span class="gmail-start-tag">x3d</span> <span class="gmail-attribute-name">xmlns:xsd</span>="<a class="gmail-attribute-value">http://www.w3.org/2001/XMLSchema-instance</a>" <span class="gmail-attribute-name">profile</span>="<a class="gmail-attribute-value">Immersive</a>" <span class="gmail-attribute-name">version</span>="<a class="gmail-attribute-value">3.3</a>" <span class="gmail-attribute-name">xsd:noNamespaceSchemaLocation</span>="<a class="gmail-attribute-value">http://www.web3d.org/specifications/x3d-3.3.xsd</a>" <span class="gmail-attribute-name">width</span>="<a class="gmail-attribute-value">300px</a>" <span class="gmail-attribute-name">height</span>="<a class="gmail-attribute-value">300px</a>" <span class="gmail-attribute-name">backend</span>="<a class="gmail-attribute-value">webgl</a>">
<span id="gmail-line14"></span><<span class="gmail-start-tag">scene</span> <span class="gmail-attribute-name">id</span>="<a class="gmail-attribute-value">zone1</a>" <span class="gmail-attribute-name">class</span>="<a class="gmail-attribute-value">zone</a>"></<span class="end-tag">scene</span>>
<span id="gmail-line15"></span></<span class="end-tag">x3d</span>>
<span id="gmail-line16"></span><<span class="gmail-start-tag">script</span> <span class="gmail-attribute-name">type</span>="<a class="gmail-attribute-value">text/python</a>" <span class="gmail-attribute-name">src</span>="<a class="gmail-attribute-value">weblogo.py</a>">
<span id="gmail-line17"></span></<span class="end-tag">script</span>>
<span id="gmail-line18"></span><<span class="gmail-start-tag">script</span> <span class="gmail-attribute-name">type</span>="<a class="gmail-attribute-value">text/javascript</a>" <span class="gmail-attribute-name">id</span>="<a class="gmail-attribute-value">zone2</a>">
<span id="gmail-line19"></span></<span class="end-tag">script</span>>
<span id="gmail-line20"></span></<span class="end-tag">body</span>>
<span id="gmail-line21"></span></<span class="end-tag">html</span>>
<span id="gmail-line22"></span></pre></pre></div></div></div>