Jump to content

onmouseover but not if over this?


wongadob

Recommended Posts

You have a bubbling or propagation problem, where one mouseover/out is causing confusion with another, because older IE browsers use different method of cancelling this problem you have to use both

 <div class = "messageitem"  x-blackberry-focusable="true" onmouseover="this.style.backgroundColor='#880000';" onmouseout="this.style.backgroundColor='#ffffff';" data-bind = "click: showthread.bind($data, thread())"><div class="picture" data-bind="html: picurl"></div><div class="textpart"><div class="mi_name" data-bind = "click: initMemberProfile.bind($data, userID())"		    x-blackberry-focusable = "true"		    onmouseover = "stopProp(event);this.style.color='#444444'; this.style.backgroundColor='#ff0000'; this.parentNode.parentNode.style.backgroundColor='#00ff00';"		    onmouseout = "stopProp(event);this.style.color='#16509e'; this.style.backgroundColor='transparent'; this.parentNode.parentNode.style.backgroundColor='#880000';">		    <p data-bind = "text: user"></p>		   </div>		   <div data-bind = "html: readicon" ></div>     		  		   <div class = "groupline" data-bind="html: viagroup"></div></div></div>

function stopProp(e){    if (!e) var e = window.event;    e.cancelBubble = true;    if (e.stopPropagation) e.stopPropagation();}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...