I have added a control to a GeoExt.Action with a handler function. When the toolbar item is clicked, using the handler I Open a window, that contains a box component,  and then as the map is clicked to draw a line I want to write to the window on click 2,3,...<br>
Everything works well in FireFox and Chrome, and not at all in IE (7 &amp; 8)<br><br>In IE nothing is written to the box component on mouse clicks, the double click to finish the line is sluggish and clicking the window Done button to close the window throws an error.<br>
<br>I&#39;ve beat my self up and am asking for suggestions and/or insights.<br><br>the live example is at <a href="http://www.gis.catawba.nc.us/ol/toolbar.html">http://www.gis.catawba.nc.us/ol/toolbar.html</a><br><br>Here is my control<br>
<br>var line= new OpenLayers.Control.DrawFeature(vector,<br>        OpenLayers.Handler.Path, {<br>            &#39;callbacks&#39;: {<br>                &#39;point&#39;: addPoint<br>            }<br>        }<br>    );<br>
<br>The toolbar action<br><br>action = new GeoExt.Action({<br>        text: &quot;draw line&quot;,<br>        //control: new OpenLayers.Control.DrawFeature(<br>        //    vector, OpenLayers.Handler.Path<br>        //),<br>
        control: line,<br>        map: map,<br>        toggleGroup: &quot;draw&quot;,<br>        allowDepress: false,<br>        tooltip: &quot;draw line&quot;,<br>        handler: function(){<br>                if(!win2){<br>
            point_count = 0;<br>            total_distance = 0;<br>            win2 = new Ext.Window({<br>            applyTo:&#39;mwin&#39;,<br>            layout:&#39;auto&#39;,<br>            width:220,<br>            height:&#39;auto&#39;,<br>
            items: new Ext.BoxComponent({<br>                applyTo:&#39;bc2&#39;<br>                    }),<br>            CloseAction:&#39;hide&#39;,<br>            plain: false,<br>            buttons: [{<br>                  text: &#39;DONE&#39;,<br>
                  handler: function(){<br>                            win2.hide();<br>                        }    <br>            }]<br>                });<br>            }<br>            win2.show(this);<br>        },<br>
        group: &quot;draw&quot;<br>    });<br>    actions[&quot;draw_line&quot;] = action;<br>    toolbarItems.push(action);<br><br>The callback function<br><br>function addPoint(pt) {<br>        var bc2;<br>        point_count += 1;<br>
        if (point_count &gt; 1) {<br>            var dist;<br>            dist = lastpt.distanceTo(pt);<br>            total_distance += dist;<br>            //the nex two line work in firefox, not inie<br>      bc2 = Ext.get(&#39;bc2&#39;);                <br>
            bc2.insertHtml(&#39;beforeEnd&#39;,&#39;&lt;div&gt;Distance: &#39; + dist.toFixed(1) + &#39;&lt;/div&gt;&#39;);<br>        } else {<br>      // on the first mouse click do this  <br>            bc2 = Ext.get(&#39;bc2&#39;);<br>
            bc2.insertHtml(&#39;beforeEnd&#39;,&#39;&lt;div&gt;hello&lt;/div&gt;&#39;);<br>        }<br>        lastpt = pt.clone();<br>    }<br><br>The html<br><br>&lt;div id=&#39;mwin&#39; class=&quot;x-hidden&quot;&gt;<br>
                &lt;div class=&quot;x-window-header&quot;&gt;Measure Distance&lt;/div&gt;<br>                &lt;div id=&#39;bc2&#39;&gt;Click to add points&lt;/div&gt;<br>                &lt;/div&gt;<br>