I have a web application which uses tabbed panels where the inactive panels
are styled "display: none" and when their tab is click is switched to
"display: block" and the previously active block is re-styled to "display:
none". This all works great using the Java applet, but using basic HTML5
rendering, only the initially active panel is rendered correctly. When
activating other panels, the rendered image is grainy and clicking on it
causes it to be re-rendered all or partly out of its clip area. This happens
on Explorer 9, Firefox (Windows and Mac), Chrome(Windows and Mac) and
Safari. Changing the initially active panel just causes that panel to be the
one that is rendered correctly.
I tried to remedy the problem by using the Jmol.setDocument(0) and then
setting the innerHTML of the appropriate <div> as described at
http://wiki.jmol.org/index.php/Jmol_JavaScript_Object#Jmol.setDocument when
a panel is initially activated. Again, this works great using the Java
applet, but fails with javascript errors (b is undefined) using HTML5
rendering.
This is not a particular show-stopper for this application as I need the
Java plug-in for JSpecview anyway, but I had some thoughts about using the
same strategy to style multi-structure pages (vibrational normal modes) on
mobile devices with limited real-estate.
------------------------------------------------------------------------------
Everyone hates slow websites. So do we.
Make your web apps faster with AppDynamics
Download AppDynamics Lite for free today:
http://p.sf.net/sfu/appdyn_d2d_mar
_______________________________________________
Jmol-users mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/jmol-users
