WordPress.org

Forums

Customizr
[resolved] Page Title invades my code (3 posts)

  1. chappie
    Member
    Posted 1 year ago #

    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.

  2. nikeo
    Member
    Theme Author

    Posted 1 year ago #

    Hi, this will be improved in the next release of the theme.
    Here is a quick fix with this code snippet.
    Hope this helps and thanks for pointing this out!

  3. chappie
    Member
    Posted 1 year ago #

    What fantastic support, Nico. Thank you so much.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic