[gatewiki-commits] SF.net SVN: gatewiki:[1743] trunk/site-plugins/annots
|
View:
New views
1 Messages
—
Rating Filter:
Alert me
|
 |
[gatewiki-commits] SF.net SVN: gatewiki:[1743] trunk/site-plugins/annots
by ian_roberts
::
Rate this Message:
Revision: 1743
http://gatewiki.svn.sourceforge.net/gatewiki/?rev=1743&view=rev Author: ian_roberts Date: 2009-10-24 11:08:41 +0000 (Sat, 24 Oct 2009) Log Message: ----------- Fixed up annots plugin to use new menu mechanism. Modified Paths: -------------- trunk/site-plugins/annots/grails-app/views/layouts/cowguest.gsp Removed Paths: ------------- trunk/site-plugins/annots/web-app/css/jqueryslidemenu.css trunk/site-plugins/annots/web-app/js/jqueryslidemenu.js Modified: trunk/site-plugins/annots/grails-app/views/layouts/cowguest.gsp =================================================================== --- trunk/site-plugins/annots/grails-app/views/layouts/cowguest.gsp 2009-10-24 11:07:27 UTC (rev 1742) +++ trunk/site-plugins/annots/grails-app/views/layouts/cowguest.gsp 2009-10-24 11:08:41 UTC (rev 1743) @@ -12,7 +12,20 @@ <link rel="stylesheet" href="${createLinkTo(dir:'css',file:'prototip/prototip.css')}" /> + <!--[if lt IE 7]> + <style type="text/css" media="screen"> + /* I'd like to put this in the ie-menus.css but need to use a gsp tag to + * generate the behaviour url value. + */ + body { + behavior: url('<g:resource dir="_images/menu" file="csshover.htc" />'); + font-size: 100%; + } + </style> + <link rel="stylesheet" href="${resource(dir:'css',file:'ie-menus.css')}" /> + <![endif]--> + <g:javascript src="prototype/prototype.js"/> <g:javascript src="prototype/scriptaculous.js?load=effects"/> <g:javascript src="prototip.js"/> @@ -21,22 +34,7 @@ <g:javascript library="application" /> -<link rel="stylesheet" href="${createLinkTo(dir:'plugins/annots-0.1/css',file:'jqueryslidemenu.css')}" /> - -<!--[if lte IE 7]> -<style type="text/css"> -html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/ -</style> -<![endif]--> - - <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> - <script type="text/javascript"> - jQuery.noConflict(); - - //Specify full URL to down and right arrow images (23 is padding-right to add to top level LIs with drop downs): - var arrowimages={down:['downarrowclass', '${createLinkTo(dir: 'plugins/annots-0.1/images', file:'down.gif')}', 23], right:['rightarrowclass', '${createLinkTo(dir: 'plugins/annots-0.1/images', file:'right.gif')}']} - var pageIndex = ["index.html","introduction.html","terminology.html","annotation.html","entities-table.html","recipe.html","general.html","entities.html","anatomy.html","diseases.html","processes.html","environmental.html","investigations.html","species.html","chemicals.html","measurements.html"]; var html = ""; @@ -77,7 +75,6 @@ } </script> -<script type="text/javascript" src="${createLinkTo(dir:'plugins/annots-0.1/js',file:'jqueryslidemenu.js')}"></script> <style type="text/css"> #topPageSpecific a, #topBreadcrumbs a, #topLoginEtc a { @@ -109,6 +106,17 @@ { margin: 0 40px; } + + .menu, .menu ul + { + background-color: #414141; + } + + .menu a + { + color: #fff; + text-decoration: none; + } </style> </head> @@ -168,9 +176,9 @@ </div> </div> -<div id="myslidemenu" class="jqueryslidemenu" style="clear: both;"> +<div class="horizontal menu" style="clear: both;"> <ul> - <li><a href="introduction.html">Introduction</a> + <li><a href="introduction.html" class="submenu">Introduction</a> <ul> <li><a href="introduction.html">Introduction</a></li> <li><a href="terminology.html">Terminology</a></li> @@ -178,16 +186,16 @@ <li><a href="entities-table.html">Table of entities</a></li> </ul> </li> - <li><a href="recipe.html">General information</a> + <li><a href="recipe.html" class="submenu">General information</a> <ul> <li><a href="recipe.html">A recipe for annotating</a></li> <li><a href="general.html">General annotation guidelines</a></li> </ul> </li> - <li><a href="entities.html">Annotating entities</a> + <li><a href="entities.html" class="submenu">Annotating entities</a> <ul> <li><a href="entities.html">General points</a></li> - <li><a href="#">The entity types</a> + <li><a href="#" class="submenu">The entity types</a> <ul> <li><a href="anatomy.html">Anatomical loci</a></li> <li><a href="diseases.html">Diseases and conditions</a></li> @@ -212,7 +220,9 @@ <script type="text/javascript"> document.writeln(html); </script> - <g:layoutBody /> + <div id="main"> + <g:layoutBody /> + </div> <script type="text/javascript"> document.writeln(html); Deleted: trunk/site-plugins/annots/web-app/css/jqueryslidemenu.css =================================================================== --- trunk/site-plugins/annots/web-app/css/jqueryslidemenu.css 2009-10-24 11:07:27 UTC (rev 1742) +++ trunk/site-plugins/annots/web-app/css/jqueryslidemenu.css 2009-10-24 11:08:41 UTC (rev 1743) @@ -1,90 +0,0 @@ -.jqueryslidemenu{ -font: bold 12px Verdana; -background: #414141; -width: 100%; -} - -.jqueryslidemenu ul{ -margin: 0; -padding: 0; -list-style-type: none; -} - -/*Top level list items*/ -.jqueryslidemenu ul li{ -position: relative; -display: inline; -float: left; -} - -/*Top level menu link items style*/ -.jqueryslidemenu ul li a{ -display: block; -background: #414141; /*background of tabs (default state)*/ -color: white; -padding: 8px 10px; -border-right: 1px solid #778; -color: #2d2b2b; -text-decoration: none; -} - -* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ -display: inline-block; -} - -.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ -color: white; -} - -.jqueryslidemenu ul li a:hover{ -background: black; /*tab link background during hover state*/ -color: white; -} - -/*1st sub level menu*/ -.jqueryslidemenu ul li ul{ -position: absolute; -left: 0; -display: block; -visibility: hidden; -} - -/*Sub level menu list items (undo style from Top level List Items)*/ -.jqueryslidemenu ul li ul li{ -display: list-item; -float: none; -} - -/*All subsequent sub menu levels vertical offset after 1st level sub menu */ -.jqueryslidemenu ul li ul li ul{ -top: 0; -} - -/* Sub level menu links style */ -.jqueryslidemenu ul li ul li a{ -font: normal 13px Verdana; -width: 160px; /*width of sub menus*/ -padding: 5px; -margin: 0; -border-top-width: 0; -border-bottom: 1px solid gray; -} - -.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/ -background: #eff9ff; -color: black; -} - -/* ######### CSS classes applied to down and right arrow images ######### */ - -.downarrowclass{ -position: absolute; -top: 12px; -right: 7px; -} - -.rightarrowclass{ -position: absolute; -top: 6px; -right: 5px; -} Deleted: trunk/site-plugins/annots/web-app/js/jqueryslidemenu.js =================================================================== --- trunk/site-plugins/annots/web-app/js/jqueryslidemenu.js 2009-10-24 11:07:27 UTC (rev 1742) +++ trunk/site-plugins/annots/web-app/js/jqueryslidemenu.js 2009-10-24 11:08:41 UTC (rev 1743) @@ -1,47 +0,0 @@ -/********************* -//* jQuery Multi Level CSS Menu #2- By Dynamic Drive: http://www.dynamicdrive.com/ -//* Last update: Nov 7th, 08': Limit # of queued animations to minmize animation stuttering -//* Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/ -*********************/ - -var jqueryslidemenu={ - -animateduration: {over: 200, out: 100}, //duration of slide in/ out animation, in milliseconds - -buildmenu:function(menuid, arrowsvar){ - jQuery(document).ready(function($){ - var $mainmenu=$("#"+menuid+">ul") - var $headers=$mainmenu.find("ul").parent() - $headers.each(function(i){ - var $curobj=$(this) - var $subul=$(this).find('ul:eq(0)') - this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()} - this.istopheader=$curobj.parents("ul").length==1? true : false - $subul.css({top:this.istopheader? this._dimensions.h+"px" : 0}) - $curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: arrowsvar.down[2]} : {}).append( - '<img src="'+ (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1]) - +'" class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0]) - + '" style="border:0;" />' - ) - $curobj.hover( - function(e){ - var $targetul=$(this).children("ul:eq(0)") - this._offsets={left:$(this).offset().left, top:$(this).offset().top} - var menuleft=this.istopheader? 0 : this._dimensions.w - menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft - if ($targetul.queue().length<=1) //if 1 or less queued animations - $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).slideDown(jqueryslidemenu.animateduration.over) - }, - function(e){ - var $targetul=$(this).children("ul:eq(0)") - $targetul.slideUp(jqueryslidemenu.animateduration.out) - } - ) //end hover - }) //end $headers.each() - $mainmenu.find("ul").css({display:'none', visibility:'visible'}) - }) //end document.ready -} -} - -//build menu with ID="myslidemenu" on page: -jqueryslidemenu.buildmenu("myslidemenu", arrowimages) This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. ------------------------------------------------------------------------------ Come build with us! The BlackBerry(R) Developer Conference in SF, CA is the only developer event you need to attend this year. Jumpstart your developing skills, take BlackBerry mobile applications to market and stay ahead of the curve. Join us from November 9 - 12, 2009. Register now! http://p.sf.net/sfu/devconference _______________________________________________ gatewiki-commits mailing list gatewiki-commits@... https://lists.sourceforge.net/lists/listinfo/gatewiki-commits |
| Free embeddable forum powered by Nabble | Forum Help |
