Osclass forums

Support forums => Themes => Repurpose => Topic started by: Osmosis_Johnes on May 18, 2014, 07:35:36 pm

Title: Dropdown top main menu
Post by: Osmosis_Johnes on May 18, 2014, 07:35:36 pm

Hello.
I'm using repurpose theme. I would like change top menu to perform dropdown by hover instead clicking.
How to do this, what to change?
Please share your knowledge.
Thank you.

Title: Re: Dropdown top main menu
Post by: teseo on May 18, 2014, 08:14:04 pm

Hi,

Replace the last two lines of your Repurpose main.php:

Code: [Select]

    </body>
</html>
with:

Code: [Select]

        <script type="text/javascript">
        $("body").bind("hover", function (e) {
            $('a.menu').parent("li").removeClass("open");
        });
        $("a.menu").hover(function (e) {
            $('a.menu').parent("li").removeClass("open");
            var $li = $(this).parent("li").toggleClass('open');
            return false;
        });
    </script>
    </body>
</html>
Regards

Title: Re: Dropdown top main menu
Post by: Osmosis_Johnes on May 18, 2014, 11:00:39 pm

Quote from: teseo on May 18, 2014, 08:14:04 pm

Hi,

Replace the last two lines of your Repurpose main.php:

Code: [Select]

    </body>
</html>
with:

Code: [Select]

        <script type="text/javascript">
        $("body").bind("hover", function (e) {
            $('a.menu').parent("li").removeClass("open");
        });
        $("a.menu").hover(function (e) {
            $('a.menu').parent("li").removeClass("open");
            var $li = $(this).parent("li").toggleClass('open');
            return false;
        });
    </script>
    </body>
</html>
Regards

Thank you. It works!
If I move cursor away of menu it stay open while I not click somewhere. How to hide automatically dropped menu after moving cursor off?

Thank you for help.

Title: Re: Dropdown top main menu
Post by: Osmosis_Johnes on May 22, 2014, 06:55:38 am

If I remove string

Code: [Select]

<script type="text/javascript">
        $("body").bind("hover", function (e) {
            $('a.menu').parent("li").removeClass("open");
        });
        $("a.menu").hover(function (e) {
         <!--   $('a.menu').parent("li").removeClass("open"); -->           <----------------------remove this string---------------------
            var $li = $(this).parent("li").toggleClass('open');
            return false;
        });
</script>Then I get hidden dropdown menu but I can't hover on the list in submenu. How to hide dropdown menu only if I move off cursor from menu and list in submenu?

Title: Re: Dropdown top main menu
Post by: Osmosis_Johnes on June 25, 2014, 05:23:58 am

Guys, script proposed above works only on start page of site! If I go to any page then I get not working dropdown menu.
I guess in some other file I have to change something additionally... ??? Please help!
Thank you.

Title: Re: Dropdown top main menu
Post by: Osmosis_Johnes on July 03, 2014, 03:23:21 am

up

Title: Re: Dropdown top main menu
Post by: design on July 03, 2014, 07:10:20 pm

learn javascript. this is osclass

google the name of the script and it will tell you how to customize to your satisfaction