We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 20014
    • 200 Posts
    ok guys, I wanted to introduce a pure dropdown menu with css, this one’s a kicker, anyway everything works fine across almost all the browsers, the one which is giving me problems is not ie6, (I know I can’t believe it either) but rather safari, as one drags the mouse down the dropdown list, everything is fine unless one of those little tooltips with the title get in your way an boom, the dropdown is gone, odd even chrome works fine and it’s also webkit.

    I know it’s the tool tip because if you put the cursor around it after it pops up safari plays nice, but once that cursor touches it, like I said it’s gone, how to rid myself of those tooltips?

    ps I have also read this thread:
    http://modxcms.com/forums/index.php/topic,22216.0.html
    but leaving the title blank leaves a tootip with untitled resource as its title, I would like my nav links to behave like all the hard coded links in my site. The thread was a bit older and I was hoping someone found a hack.
      • 20014
      • 200 Posts
      tried to edit the mootools.js delay, offset, even tried to hit the class (tool) with css, nothing....anyone had to deal with these annoying tooltips on drop downs? if not for a browser related issue at least to get rid of them so as not to block text? I have google like heck, I don’t want to rid myself of the title tag, just either move them away a bit from the cursor or hide them.
        • 20014
        • 200 Posts
        ok really scratching my head here, I have been editing the mootools.js in manager, media, scripts, was tweaking the code all day and nothing, yet every single article I could find on the mootools tooltips config matched up just fine, even the styling, and nothing happened, cleared my browser cache and cleared the cache in the manager, even closing my browser between checks and cleaing cache before returning to my page...nothing

        even more bizarre, I was so frustrated I deleted the whole mootools file (dont worry, I backed up the file, and put it back), cleared my cache in both browser and manager, closed and reopened my local host and the tool tips were still there, am I even working on the right file? huhI was following what bob had said in the link to another post.

        now perhaps I put this thread in the wrong area, I just figured since they appear with wayfinder....
          • 20413
          • 2,877 Posts
          I don’t understand a word here! grin
          What version of mootools and what mootools script?
            @hawproductions | http://mrhaw.com/

            Infograph: MODX Advanced Install in 7 steps:
            http://forums.modx.com/thread/96954/infograph-modx-advanced-install-in-7-steps

            Recap: Portland, OR (PDX) MODX CMS Meetup, Oct 6, 2015. US Bancorp Tower
            http://mrhaw.com/modx_portland_oregon_pdx_modx_cms_meetup_oct_2015_us_bancorp_tower
            • 20014
            • 200 Posts
            heh, heh, sorry jumping between tabs doing a thousand things, and pounding at the keyboard...

            ok first I had done some researching on how to get rid (or at least modify) of the tool tips which appear in the wayfinder generated links, another thread (link above) mentioned configuring the tooltips directly via mootools. leaving title blank doesn’t work.

            I went to the mootools in the default modx (current evo)installation which mootools 1.12 located in the manager>media>scripts>mootools directory. to tweak delay and offset (didn’t work worth a darn), and even though it sets the class as "tool" I couldn’t even touch it with css even adding classes (if I remember correctly from a mootools tut, tip, tip(tool)-text and tip(tool)title, just in case (I switched tip for tool and vice-versa, tons of combos).

            the reason is for a dropdown menu without javascript, it works across all browsers even ie6, but the tooltip makes safari drop the menu whereas chrome handles it just fine. everytime the cursor comes into contect with the tooltip the dropdown collapses.

            p.s. in the DOM it’s listed as Tips
              • 20413
              • 2,877 Posts
              WayFinder is not using any JavaScript! You can choose whatever library to
              use and load in your template. Then for the snippet tpl’s set the divisions (<div>)
              etc. with id names accordingly to the scripts.

              Here is some examples http://modxcms.com/forums/index.php?topic=31376.0

              The mootools library in manager directory is for functions inside MODx manager only.

                @hawproductions | http://mrhaw.com/

                Infograph: MODX Advanced Install in 7 steps:
                http://forums.modx.com/thread/96954/infograph-modx-advanced-install-in-7-steps

                Recap: Portland, OR (PDX) MODX CMS Meetup, Oct 6, 2015. US Bancorp Tower
                http://mrhaw.com/modx_portland_oregon_pdx_modx_cms_meetup_oct_2015_us_bancorp_tower
                • 36416
                • 589 Posts
                Quote from: mrhaw at May 06, 2010, 09:17 PM

                The mootools library in manager directory is for functions inside MODx manager only.

                Yep, no need to use MODx manager version of MooTools when current 1.2.4 release is so mind-bogglingly great JavaScript framework/library... wink
                  • 20014
                  • 200 Posts
                  thanks for the explanation, susan was clear that the tooltips which reflect the title in wayfinder were rendered by the browser, but bob’s post on tweaking the mootools.js had me thinking that it could control how those were rendered, guess I have a decision to make, either drop the pure css drop down or just suck it up and hope that the stats for visitors on safari don’t increase...darn, it was almost perfect.

                  sorry mr haw for my lack of js knowledge, the Tips in the dom appeared when I had both the main site and the manager open in tabs, when viewing the front end. I wish there was a snippet of code out there which would allow me to manipulate this particular browser function, I have seen a lot of code out there to supress it but only in conjunction with other javascript functions, haven’t found an answer just for hiding the browsers tooltips by itself in my searches, I am off to scroogle once again.



                    • 20014
                    • 200 Posts
                    yeeeeeeah! found the solution

                    in the div where I have my pure css drop down (mr haw, you made the lightbulb go off in my head), I added the link to my jquery file that I had already for a lightbox gallery, couldn’t add it in the header, it seems I always have to put the link to the file within the junks themselves which require it, anyway below that I added a chunk with the following:

                    <script type="text/javascript">
                    $(document).ready(function() {
                        $('[title]').removeAttr('title');
                    });
                    </script>


                    now there are some issues that go with using this, but when it comes down to clean drop downs, it’s a must, from what I’ve heard revo has fixed the emptly title issue? in evo the empty title just produces a field that says untitled resource or something to that effect. I much rather would have like to move them a bit away from the cursor because the title attribute can make a great description in this case

                    I saw this actually a couple days ago, but it just occurred to me to put both the link and the chunk within my wayfinder div, I had put the js in the head of the template, and it didn’t work. Pretty lame of me considering that for everything else I have included the link and code with the html requiring it in the same chunk. ...not the best thing and I am sure page speed and yslow will be telling me I didn’t do it correctly in about five minutes...

                    I looked at source so google will still be able to read those titles, just no more of those annoying tooltips. and I believe there are accessibility issues, because I don’t know how screen readers read tags. But until I find a better solution...

                    thanks guys. again, I apologize the thread I referred to had me a bit confused...