Plantilla Componente HTML de Molecula

<h2>Editor de Molécula</h2>
<p>El editor de Molecula hace fácil la creación y visualización de moléculas.</p>
<div>
<script type="text/javascript">// <![CDATA[
function toggle2(showHideDiv, switchTextDiv) {
            var ele = document.getElementById(showHideDiv);
            var text = document.getElementById(switchTextDiv);
            if(ele.style.display == "block") {
                ele.style.display = "none";
                text.innerHTML = "+ open";
                }
            else {
                ele.style.display = "block";
                text.innerHTML = "- close";
            }
        }
// ]]></script>
</div>
<div>
<style type="text/css"></style>
</div>
<div id="headerDiv">
<div id="titleText">Usando el Editor de Molécula<a id="myHeader" href="javascript:toggle2('myContent','myHeader');">+ open </a></div>
</div>
<div id="contentDiv">
<div id="myContent" style="display: none;">
<p>En este problema vas a editar una molécula usando el el problema de dibujado de molécula mostrado abajo:</p>
<img alt="" src="/static/MoleculeEditor_HTML.png" /></div>
</div>
<p>&nbsp;</p>
<div id="headerDiv">
<div id="titleText">¿Son las moléculas que he arrastrado, quimicamente posible?<a id="IntroductionHeader" href="javascript:toggle2('IntroductionContent','IntroductionHeader');">+ open </a></div>
</div>
<div id="contentDiv">
<div id="IntroductionContent" style="display: none;">
<p>El editor de química que está utilizando asegura que las estructuras se dibujan son correctas en un sentido muy estrecho, que sigan las reglas para la formación de enlaces covalentes y carga formal. Sin embargo, hay muchas estructuras que siguen estas reglas que son químicamente imposible, inestable, no existen en los sistemas vivos, o que están más allá del alcance de este curso. El editor le permitirá que los dibuja, ya que, en contraste con las reglas de la carga formal, estas propiedades no se pueden predecir fácil y fiable de las estructuras.</p>
<p>Si presenta una estructura que incluye átomos que no son posibles o están más allá del alcance de este curso, el software le advertirá específicamente sobre estas partes de su estructura y se le permitirá editar su estructura y volver a presentar. La presentación de una estructura inadecuada no contará como uno de sus intentos. En general, usted debe tratar de utilizar solamente los átomos más comúnmente citadas en este curso: C, H, N, O, P y S. Si usted quiere aprender acerca de la carga formal, se puede jugar con otros átomos y configuraciones inusuales y mirar las estructuras que resultan.</p>
</div>
</div>
<div id="ap_listener_added">&nbsp;</div>