<div>I am trying to build a web application that </div><div>can visualize different objects by the use </div><div>of a drop down bar. I do not want to create </div><div>new connections or sessions every time the </div><div>
user changes object to be visualized. I&#39;ve </div><div>been trying the whole morning and could not </div><div>figure out how to i) delete the current view, </div><div>ii) set it to the view view and iii) refresh the </div>
<div>page. Here is what I have so far. </div><div><br></div><div><br></div><div><br></div><div>                var renderers = {};</div><div>                var paraview;</div><div>                var activeView;</div><div>
                var basePath = &#39;/bioimaging/home/ccbilgin/opt/apache-tomcat-6.0.35/webapps/PWShuttle/data/&#39;;</div><div>                var dataFile = &#39;tmp.pvsm&#39;;</div><div> *               paraview = new Paraview(serverUrl);</div>
<div> *               paraview.createSession(&quot;Shuttle&quot;, &quot;&quot;, &quot;default&quot;);</div><div>                </div><div>                function start(){</div><div>                     //paraview.LoadState({filename: basePath + &#39;/state.pvsm&#39;});</div>
<div>                    paraview.updateConfiguration(true, &quot;JPEG&quot;, &quot;-&quot;);</div><div>                    paraview.LoadState({filename: basePath + dataFile});</div><div>                    activeView = paraview.CreateIfNeededRenderView();</div>
<div>                    paraview.ResetCamera();</div><div>                    activeView.setCenterOfRotation(activeView.getCameraFocalPoint());</div><div><br></div><div>                    // Create renderers</div><div>                    renderers.java = new HttpAppletRenderer(&quot;javaRenderer&quot;, serverUrl);</div>
<div>                    renderers.java.init(paraview.sessionId, activeView.__selfid__);</div><div>                    renderers.java.setSize(&quot;1&quot;,&quot;1&quot;);</div><div><br></div><div>                    renderers.flash = new FlashRenderer(&quot;flashRenderer&quot;, serverUrl);</div>
<div>                    renderers.flash.init(paraview.sessionId, activeView.__selfid__);</div><div><br></div><div>                    renderers.js = new JavaScriptRenderer(&quot;jsRenderer&quot;, serverUrl);</div><div>                    renderers.js.init(paraview.sessionId, activeView.__selfid__);</div>
<div><br></div><div>                    paraview.updateConfiguration(true, &quot;JPEG&quot;, &quot;WebGL&quot;);</div><div>                    renderers.webgl = new WebGLRenderer(&quot;webglRenderer&quot;, serverUrl);</div>
<div>                    renderers.webgl.init(paraview.sessionId, activeView.__selfid__);</div><div><br></div><div>                    // Remove Java when use in IE</div><div>                    if (navigator.appName.indexOf (&#39;Microsoft&#39;) != -1) {</div>
<div>                        var e = document.getElementById(&quot;java&quot;)</div><div>                        var parent = e.parentNode;</div><div>                        if(e){</div><div>                            parent.removeChild(e);</div>
<div>                        }</div><div>                    }</div><div><br></div><div>                    // Use webgl as default</div><div>                    renderers.current = renderers.webgl;</div><div>                    renderers.current.bindToElementId(&quot;renderercontainer&quot;);</div>
<div>                    renderers.current.start();</div><div><br></div><div>                    // Update render size</div><div>                    updateSize();</div><div><br></div><div>                    // Action images</div>
<div>                    updateActionButtons(true);</div><div>                }</div><div><br></div><div>....</div><div><br></div><div><div>function switchData(){</div><div>                    var type = document.getElementById(&quot;data-type&quot;).value;</div>
<div>                    dataFile = &#39;cone.pvsm&#39;;</div><div>                    start();</div><div>                }</div></div><div><br></div><div>....</div><div><br></div><div><div>&lt;select id=&quot;data-type&quot; name=&quot;data-type&quot; </div>
<div>                style=&quot;z-index: 5;width: 100px; position: absolute; right: 40px; top: 30px;&quot; </div><div>                onchange=&quot;switchData()&quot; &gt;</div><div>            &lt;option value=&quot;1&quot;&gt;1.mhd&lt;/option&gt;</div>
<div>            &lt;option value=&quot;2&quot;&gt;2.mhd&lt;/option&gt;</div><div>            &lt;option value=&quot;3&quot;&gt;3.mhd&lt;/option&gt;</div><div>        &lt;/select&gt;</div></div><div><br></div>