Page Title invades my code

At least, that’s what seems to be happening. I’m trying to create a popup image of a map on mouseover of a text phrase. My “mouseover” attempt failed but degraded itself to a mouse click action which I will settle for if I can’t get the mouseover thing to work.

But what is really stressing me is that my hyperlinked group of words (“20 mile radius of Marlow”) has inherited an alt tag of my page title (“Workplace massage”) without any input from me. This tag pops up under my cursor on mouseover and is misleading. Similarly, the image that pops (on click) up has the same title even though I have tried hardwiring a new title into the HTML editor.

I don’t want to change my Page Title but I do want to stop it hijacking my code and would be grateful for any help.

This is only on my localhost but this is the code as I entered it via tinyMCE:

<a onmouseover="window.open('http://localhost:8888/sitename/wp-content/uploads/2013/12/servicemap.jpg','Workplace service map','width=500,height=500,left=10,top=-50');return false;" href="http://localhost:8888/sitename/wp-content/uploads/2013/12/servicemap.jpg">20-mile radius of Marlow</a>

This was the result:

http://i1008.photobucket.com/albums/af208/3785/public/onmouseover.png

The unwanted title, “Workplace massage” is visible at the foot of the popup image, even though it doesn’t appear anywhere in my Text (or Visual) Editor. However, when I inspect this code with my browser tool, it reveals that the code is actually different, ie:

<a onmouseover="window.open('http://localhost:8888/sitename/wp-content/uploads/2013/12/servicemap.jpg','We cover this area','width=500,height=500');return false;" href="http://localhost:8888/sitename/wp-content/uploads/2013/12/servicemap.jpg" class="grouped_elements" rel="tc-fancybox-group37" title="Workplace massage">20-mile radius of Marlow</a>

Obviously, the ‘class’, ‘rel’ and ‘title’ code has ben automatically added by Big Brother. I tried, unsuccessfully, to overwrite it by changing my editor code to:

<a onmouseover="window.open('http://localhost:8888/sitename/wp-content/uploads/2013/12/servicemap.jpg','We cover this area','width=500,height=500');return false;" href="http://localhost:8888/sitename/wp-content/uploads/2013/12/servicemap.jpg" class="grouped_elements" rel="tc-fancybox-group37" title="Workplace service map">20-mile radius of Marlow</a>

So now I’m stumped. Any help would be much appreciated. Changing the title and the tooltip is my main challenge. Finding out how to make my map pop up on mouseover would be a bonus. TIA.