Changeset 1823

Show
Ignore:
Timestamp:
09-05-11 11:23:03 (3 years ago)
Author:
work@…
Message:

- fixed enhanced menu to make it work as expected

Location:
trunk
Files:
5 modified

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"})});