how to remove dotted line from images on mouseover

dbonneville · Post by **dbonneville** » Thu Jun 01, 2006 7:19 pm

On image buttons when I'm not using Milonic, I usually add

onfocus="this.blur()

How do I do that on Milonic? I'm getting those ugly dashed lines around active links.

Thanks,

Doug

Post by **Andy** » Thu Jun 08, 2006 11:05 am

Hi,

Do you have a URL that we can see?

It always helps for us to be able to see the problem first hand in order to provide a solution.

Regards,
Andy

dbonneville · Post by **dbonneville** » Thu Jun 08, 2006 3:51 pm

http://www.artsretailer.com

Post by **Andy** » Fri Jun 09, 2006 5:16 am

Hi,

To be honest I'm just not seeing a problem with the menu.

However, I am seeing a problem with the license of the menu. You are using the menu on http://www.artsretailer.com but the copy of the menu is licensed for http://65.198.78.44/drbailey/ - Completely different and therefore against Milonics terms and conditions

dbonneville · Post by **dbonneville** » Fri Jun 09, 2006 5:52 am

I must have grabbed one wrong one. I do have a the artsretailer.com (202577) AND the drbailey (201383) license...I have 5-6 paid for now...best menu anywhere!

I just realized that I copied the code from one site folder to the next to give myself a head start and simply erased the copy I unzipped in directory. I may have done this elsewhere. Next time, I'll just copy the data .js file and not all 4 files like I did. I didn't realize the license was embeded like that.

Anyway, when you click on a link in Firefox (not IE, I just confirmed) you can see the dotted line around the image.

If you let go of the mouse button *outside* of the button you just pressed, the dotted line follows you from button to button as you move the mouse around.

This is FF Mac and PC, I just confirmed. IE and Safari don't do it...but the simple onBlur fix mentioned above would probablly fix it.

Doug

Post by **Andy** » Fri Jun 09, 2006 6:34 am

Hmmm, this is just something that Firefox does when it highlights a clickable object.

Is this really a problem for you? It only seems to do it when the item is focused which by default, is not focused.

I'll take a closer look if it really is a major problem for you

dbonneville · Post by **dbonneville** » Fri Jun 09, 2006 3:12 pm

I've had 2 unrelated clients ask me about it recently, so I figured it was worth looking into. It is annoying, and fixable.

Look at http://revolutiongroup.com/

That is one client that asked me to get rid of the dotted lines, which I did. If you view the source and search for "blur" it will take you right to the example of how I fixed it.

It's not a deal breaker for sure, but would be nice to see it go away as Firefox gets more popular...

Doug

Post by **Ruth** » Mon Jun 12, 2006 5:43 pm

Hi,

I don't know a lot about functions, but the menu has off and onfunction options. I believe that onFocus is a function so I would think you could apply it in the menu.

Sorry I'm not more knowledgeable on the function, but as an example, the following is a function for getting a sound on mouseover

Code: Select all

function DHTMLSound(surl) {
  document.getElementById("dummyspan").innerHTML=
    "<embed src='"+surl+"' hidden=true autostart=true loop=false>";
}

I put that at the top of the menu_data.js file, then in an item where I wanted the sound I put [for example]

Code: Select all

aI("status=Back To Home Page;text=Home;url=http://milonic.com/;onfunction=DHTMLSound('success.wav');");

When you mouseover that item the sucess wav plays. [for those wanting to mess with this it requires a dummy span on the page].

Code: Select all

<span id=dummyspan></span>

So, maybe you can figure out how to do that with the onFocus function to eliminate the IE selection rectangle from the mouseover

Ruth