Universal CSS Navigation Menu Support Product Page

Why do I have 'tool tip' balloons on the CSS Nav Menu

Reported 27 Sep 2012 23:05:03
1
has this problem
27 Sep 2012 23:05:03 Barry Austin posted:
I made a new nav menu with CSS Navigation Menu and at first I didn't notice any balloons. It is possible they were there and I just failed to see them but I don't think so.

Anyway now they are there and a major annoyance as they block the view of the link with unwarranted and redundant text. Did I do something wrong? What can I do to remove them?

Thanx

BA

Official Solution

Replied 27 Nov 2012 10:11:42
Hi Barry,

Okay, please place the following code before the closing </head> tag:


<script>
$(document).ready(function(){
        $("li").hover(function(){

        // Get the current title
        var title = $(this).attr("title");

        // Store it in a temporary attribute
        $(this).attr("tmp_title", title);

        // Set the title to nothing so we don't see the tooltips
        $(this).attr("title","");
        },

        function() { // Fired when we leave the element

        // Retrieve the title from the temporary attribute
        var title = $(this).attr("tmp_title");

        // Return the title to what it was
        $(this).attr("title", title);
        });
});
</script>


This will hide the titles when hovered, but will keep them for SEO when you are not hovering the menu items

Replies

Replied 28 Sep 2012 09:52:36
28 Sep 2012 09:52:36 Teodor Kuduschiev replied:
Hello Barry,

These "tool tip ballons" are there because the browsers render the title atttribute added to each menu item.
The title attribute is important for SEO and accessibility validation of your page.
Replied 28 Sep 2012 22:09:51
28 Sep 2012 22:09:51 Barry Austin replied:
Thanx Teodor,

that helps me understand it. Is there any way to eliminate the extra tool tips? Without harming SEO factors?

BA
Replied 29 Sep 2012 14:29:53
29 Sep 2012 14:29:53 Teodor Kuduschiev replied:
Hello,

If you need you can go to the code generated by the menu and remove the title attributes.
Replied 01 Oct 2012 22:07:48
01 Oct 2012 22:07:48 Barry Austin replied:
So I did as you suggested and it works fine to remove the titles, BUT, once I save and close then re-open the file and go back into the DMX Nav Menu tool it replaces ALL (close to 100) titles that I just removed!! So as I see it, every time I want to make some small change in the Menu app I will have to go back and manually remove ALL the titles all over again?? Hopefully there is some way around this without resorting to going into the CSS and hand coding (after all this is why we want to use your software, right?),as my clients want to make changes all the time!

Please help me on this if you can.

Thanx

BA
Replied 21 Nov 2012 19:22:06
21 Nov 2012 19:22:06 Barry Austin replied:
On Sept 20th I sent this

[i][i]So I did as you suggested and it works fine to remove the titles, BUT, once I save and close then re-open the file and go back into the DMX Nav Menu tool it replaces ALL (close to 100) titles that I just removed!! So as I see it, every time I want to make some small change in the Menu app I will have to go back and manually remove ALL the titles all over again?? Hopefully there is some way around this without resorting to going into the CSS and hand coding (after all this is why we want to use your software, right?),as my clients want to make changes all the time!

Please help me on this if you can.

Thanx


[/i]BA
[/i]
back to you for help and have not recieved a reply as yet.

It's been 2 months and I was hoping for some resolution as this problem renders your software almost useless after the initial navigation setup because one is forced to go to the code, instead of using the software, to make changes to the navigation in order to preserve the title eleimination.

If I go back to the nav software I immediately regain all (in some cases over 150 places) all the 'titles' that I had previously had to delete one by one in a very time consuming process.

Please let me know if there is some way to bypass this problem or if maybe the software will at some point be fixed so one can have an option to use the 'Title Tool Tips' or choose not to. It seems to me that this would be a fairly simple fix for you.

I am really surprised there are not more people compalining about this as it is very annoying to have the tool tip appear in such a way that it obscures the other navigation buttons.

Looking forward to hearing from you this time.

Thanx

BA
Replied 22 Nov 2012 13:16:50
22 Nov 2012 13:16:50 Teodor Kuduschiev replied:
Hello Barry,

As i explained, this is not a bug/problem with the menu. It is how the browsers render the title attribute added to the menu items.

Unfortunately this cannot be disabled. I will discuss your suggestion with our developers.
Replied 22 Nov 2012 20:30:56
22 Nov 2012 20:30:56 Barry Austin replied:
Yes now that you mention it I do remember that you said that but I still don't understand since the 'title' attribute is being applied to the HTML code of the page by the DMXZone software isn't it?

If I remove all the title attributes and then go back to the DMX Nav app, as soon as I open and close it without making any other changes, all the title attributes are back. I fail to see any connection with a browser.

What am I missing??

Respectfully

BA
Replied 26 Nov 2012 18:41:57
26 Nov 2012 18:41:57 Barry Austin replied:
Ted it seems my last post is missing?

Anyway here is the problem. Go to this site and see how the page title balloon often time covers the sub-nav flyout link so as to obscure it from site. To me as a surfer this is very annoying.

Please look and see what you think?

I agree that in many cases, depending on the site/page design this feature could be very useful and I would use it myself in some cases.

However, in this case (see site atdhelena.com) it doesn't work well.

It seems to me that this should be something optional to turn on or off as required.

Will look forward to your reply.

Thanx

BA

www.atdhelena.com
Replied 27 Nov 2012 10:11:42
27 Nov 2012 10:11:42 Teodor Kuduschiev replied:
Hi Barry,

Okay, please place the following code before the closing </head> tag:


<script>
$(document).ready(function(){
        $("li").hover(function(){

        // Get the current title
        var title = $(this).attr("title");

        // Store it in a temporary attribute
        $(this).attr("tmp_title", title);

        // Set the title to nothing so we don't see the tooltips
        $(this).attr("title","");
        },

        function() { // Fired when we leave the element

        // Retrieve the title from the temporary attribute
        var title = $(this).attr("tmp_title");

        // Return the title to what it was
        $(this).attr("title", title);
        });
});
</script>


This will hide the titles when hovered, but will keep them for SEO when you are not hovering the menu items

Reply to this topic