I dislike flyouts. It is especially those that are “onmouseover.” They just seem to get into the way when I am viewing a webpage. It is evern worst when they don’t seem to get out of the way when the event “onmouseover” is way done. You know I was on my way to click on the add to cart button, and now the flyout was blocking that button. No joke!
This happens to the Addthis button in our online store. We wanted to put it where it can be seen and it is useful to customers, but at the same time because of its position it is causing a lot of inadvertent fly out events that could be annoying to customers. So, this is what we had done to modify the embedded code from Addthis to prevent another inadvertent fly out event.
This is the embedded javascript as provide by Addthis:
<!– AddThis Button BEGIN
<a href=http://www.addthis.com/bookmark.php?v=250&pub=xxxxxx onmouseover=”return addthis_open(this, ”, ‘[URL]’, ‘[TITLE]’)” onmouseout=”addthis_close()” onclick=”return addthis_sendto()”><img src=”http://s7.addthis.com/static/btn/lg-share-en.gif” width=”125″ height=”16″ alt=”Bookmark and Share” style=”border:0″/></a><script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js?pub=xxxxxx”></script>
AddThis Button END –>
And we basically had modified the onmouseover event to onclick to prevent inadvertent flyouts. Another pointer, we also use the nofollow for SEO, but this is not a must.
<!– AddThis Button BEGIN –>
<a href=http://www.addthis.com/bookmark.php?v=250&pub=xxxxxx rel=”nofollow” onclick=”return addthis_open(this, ”, ‘[URL]’, ‘[TITLE]’)” onmouseout=”addthis_close()”><img src=”http://s7.addthis.com/static/btn/lg-share-en.gif” width=”125″ height=”16″ alt=”Bookmark and Share” style=”border:0″/></a><script type=”text/javascript” src=http://s7.addthis.com/js/250/addthis_widget.js?pub=xxxxxx></script>
<!– AddThis Button END –>
Well, I hope I will not encounter another inadvertent flyout event the next time I am ready to make a purchase from your online store.
CS