I am using an activeX control in an html page.This activeX works fine when we do not mouse over the image button which has src change inline javascript attached to it.When we do mouse over the image butoon it is causing this activeX to flicker by sending resize and repaint on this control.Is there anyone who has any idea on this issue?The html code looks like this:\[code\] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title></head> <body> <div class="ActiveXContainerCls" id="VideoHolder" style="border: 2px solid #808080;height: 500px; width: 500px" /> <script type="text/javascript"> var obj; try { var activeXHolder = document.getElementById("VideoHolder"); objectId = "test"; var CLSIDOBJ = "clsid:0991EA56-C93E-4D30-ACC7-13CC0E4F1B5B"; activeXHolder.innerHTML = "<object Id = '" + objectId + "' classid='" + CLSIDOBJ + "'height=" + "100% width=" + "100% />"; obj = document.getElementById(objectId); if (obj) { obj.Initialise(); obj.ShowVideo(); } else { alert("Object is not created!"); } } catch (ex) { alert("Some error happens, error message is: " + ex.message); } function Button1_onclick() { obj = document.DemoActiveX; if (obj) { alert("button click"); } } </script><p></p> <input type="image" src="http://stackoverflow.com/questions/14050565/VCButtonImages/record-normal.png" id="record" class="btnRecordCls" alt="Record" title="Record" onmouseover="javascript:this.src='http://stackoverflow.com/questions/14050565/VCButtonImages/record-hover.png'" onmouseout="javascript:this.src='http://stackoverflow.com/questions/14050565/VCButtonImages/record-normal.png'" /> <input id="Button1" type="button" value="http://stackoverflow.com/questions/14050565/Pan" onmousemove="javascript:return false;" onmouseout="javascript:return false" onclick="return Button1_onclick()" /> </body></html>\[/code\]Please help.Bhavya
Html image button causes flicker on mouse events
- Thread starter aemon
- Start date