Changeset 1823


Ignore:
Timestamp:
May 9, 2011, 11:23:03 AM (6 years ago)
Author:
work@…
Message:
  • fixed enhanced menu to make it work as expected
Location:
trunk
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • trunk/application.properties

    r1819 r1823  
    11#Grails Metadata file
    2 #Fri May 06 17:27:11 CEST 2011
     2#Mon May 09 11:19:34 CEST 2011
    33app.build.display.info=0
    44app.build.svn.revision=1079
     
    1313plugins.db-util=0.4
    1414plugins.famfamfam=1.0.1
    15 plugins.gdt=0.0.43
     15plugins.gdt=0.0.44
    1616plugins.gdtimporter=0.3.4
    1717plugins.grom=0.2.2
  • trunk/grails-app/views/common/_topnav.gsp

    r1812 r1823  
    33    <!-- TOPNAV //-->
    44    <ul class="topnav">
    5      <li><g:link controller="home" action="index">Home</g:link></li>
     5    <li><g:link controller="home" action="index">Home</g:link></li>
    66    <li>
    77      <a href="#">Create</a>
     
    3636                        <li><g:link controller="study" action="list">View studies</g:link></li>
    3737                        </sec:ifNotLoggedIn>
    38             <a href="#">Templates</a>
    39                     <ul>
    40                                 <af:templateEditorMenu wrap="li" />
    41                         </ul>
    42                     <a href="#">Contacts</a>
    43             <ul>
    44                                 <li><g:link controller="person" action="list">View persons</g:link></li>
    45                                 <li><g:link controller="personAffiliation" action="list">View affiliations</g:link></li>
    46                                 <li><g:link controller="personRole" action="list">View roles</g:link></li>
    47                         </ul>
    48                     <a href="#">Publications</a>
    49                         <ul>
    50                                 <li><g:link controller="publication" action="list">View publications</g:link></li>
    51                                 <li><g:link controller="publication" action="create">Add publication</g:link></li>
    52                         </ul>
     38            <li><a href="#">Templates</a>
     39                        <ul class="childnav">
     40                                        <af:templateEditorMenu wrap="li" />
     41                                </ul>
     42                    </li>
     43                        <li><a href="#">Contacts</a>
     44                <ul class="childnav">
     45                                        <li><g:link controller="person" action="list">View persons</g:link></li>
     46                                        <li><g:link controller="personAffiliation" action="list">View affiliations</g:link></li>
     47                                        <li><g:link controller="personRole" action="list">View roles</g:link></li>
     48                                </ul>
     49                    </li>
     50                        <li><a href="#">Publications</a>
     51                                <ul class="childnav">
     52                                        <li><g:link controller="publication" action="list">View publications</g:link></li>
     53                                        <li><g:link controller="publication" action="create">Add publication</g:link></li>
     54                                </ul>
     55                        </li>
    5356                </ul>
    5457        </li>
  • trunk/web-app/css/default.css

    r1782 r1823  
    170170}
    171171
     172ul.topnav ul.childnav {
     173        list-style: none;
     174        margin-left: 130px;
     175        position: absolute;
     176        margin-top: -1px;
     177}
     178
    172179/** END :: topnav **/
    173180/** START :: content **/
  • trunk/web-app/js/topnav.js

    r1575 r1823  
    99                        }, function() {
    1010                                $(this).find("ul.subnav").slideUp('slow');
     11                                $(this).parent().find("ul.childnav").slideUp('slow');
    1112                        });
    1213                }).hover(function() {
     
    2425                        }, function() {
    2526                                $(this).parent().find("ul.subnav").slideUp('slow');
     27                                $(this).parent().find("ul.childnav").slideUp('slow');
    2628                        });
    2729                }).hover(function() {
     
    3436        );
    3537
     38        // child nav
     39        $("ul.childnav").each(function() {
     40                var childnav = $(this);
     41                var childparent = childnav.parent();
     42
     43                childnav.hide();
     44                childparent.bind("click",function() {
     45                        // hide other childnav
     46                        $("ul.childnav", childparent.parent()).each(function() {
     47                                $(this).slideUp('slow').hide();
     48                        });
     49
     50                        // show childnav
     51                        childnav.slideDown('fast').show();
     52                });
     53        });
     54
    3655        // make sure navigation is on top of everything
    3756        $("ul.subnav").css({ 'z-index': '1000' });
  • trunk/web-app/js/topnav.min.js

    r1810 r1823  
    1 $(document).ready(function(){$("ul.subnav").parent().append("<span></span>");$("ul.topnav li span").parent().click(function(){$(this).find("ul.subnav").slideDown("fast").show();$(this).hover(function(){},function(){$(this).find("ul.subnav").slideUp("slow")})}).hover(function(){$("span",this).addClass("subhover")},function(){$("span",this).removeClass("subhover")});$("ul.topnav li span").click(function(){$(this).parent().find("ul.subnav").slideDown("fast").show();$(this).parent().hover(function(){},function(){$(this).parent().find("ul.subnav").slideUp("slow")})}).hover(function(){$("a",$(this).parent()).addClass("tophover");$(this).addClass("subhover")},function(){$("a",$(this).parent()).removeClass("tophover");$(this).removeClass("subhover")});$("ul.subnav").css({"z-index":"1000"})});
     1$(document).ready(function(){$("ul.subnav").parent().append("<span></span>");$("ul.topnav li span").parent().click(function(){$(this).find("ul.subnav").slideDown("fast").show();$(this).hover(function(){},function(){$(this).find("ul.subnav").slideUp("slow");$(this).parent().find("ul.childnav").slideUp("slow")})}).hover(function(){$("span",this).addClass("subhover")},function(){$("span",this).removeClass("subhover")});$("ul.topnav li span").click(function(){$(this).parent().find("ul.subnav").slideDown("fast").show();$(this).parent().hover(function(){},function(){$(this).parent().find("ul.subnav").slideUp("slow");$(this).parent().find("ul.childnav").slideUp("slow")})}).hover(function(){$("a",$(this).parent()).addClass("tophover");$(this).addClass("subhover")},function(){$("a",$(this).parent()).removeClass("tophover");$(this).removeClass("subhover")});$("ul.childnav").each(function(){var a=$(this);var b=a.parent();a.hide();b.bind("click",function(){$("ul.childnav",b.parent()).each(function(){$(this).slideUp("slow").hide()});a.slideDown("fast").show()})});$("ul.subnav").css({"z-index":"1000"})});
Note: See TracChangeset for help on using the changeset viewer.