Mercurial > hgrepos > hgweb.cgi > skipweb
view konjyaku/test-dual.html @ 3927:ec35bc98989a
mkdir konjyaku
author | taka <c117164@e.koeki-u.ac.jp> |
---|---|
date | Thu, 29 Aug 2019 21:59:05 +0900 |
parents | |
children |
line wrap: on
line source
<!DOCTYPE html> <html prefix="og: http://ogp.me/ns#"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>matsugaoka/web/map/test.yuuji/test-dual.html at master - KoekiBrandingPJ/matsugaoka</title> <meta property="og:title" content="matsugaoka/web/map/test.yuuji/test-dual.html at master - KoekiBrandingPJ/matsugaoka" /> <meta property="og:type" content="object" /> <meta property="og:url" content="http://localhost:8880/KoekiBrandingPJ/matsugaoka/blob/master/web/map/test.yuuji/test-dual.html" /> <meta property="og:image" content="https://www.yatex.org/gitbucket/KoekiBrandingPJ/_avatar" /> <meta property="og:description" content="Matsugaoka Mixed Media Mapping System" /> <link rel="icon" href="https://www.yatex.org/gitbucket/assets/common/images/gitbucket.png?20190721113240" type="image/vnd.microsoft.icon" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://www.yatex.org/gitbucket/assets/vendors/google-fonts/css/source-sans-pro.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/bootstrap-3.3.7/css/bootstrap.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/octicons-4.4.0/octicons.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/bootstrap-datetimepicker-4.17.44/css/bootstrap-datetimepicker.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/colorpicker/css/bootstrap-colorpicker.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/google-code-prettify/prettify.css?20190721113240" type="text/css" rel="stylesheet"/> <link href="https://www.yatex.org/gitbucket/assets/vendors/facebox/facebox.css?20190721113240" rel="stylesheet"/> <link href="https://www.yatex.org/gitbucket/assets/vendors/AdminLTE-2.4.2/css/AdminLTE.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/AdminLTE-2.4.2/css/skins/skin-green-light.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/font-awesome-4.7.0/css/font-awesome.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/jquery-ui/jquery-ui.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/jquery-ui/jquery-ui.structure.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/jquery-ui/jquery-ui.theme.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/common/css/gitbucket.css?20190721113240" rel="stylesheet"> <script src="https://www.yatex.org/gitbucket/assets/vendors/jquery/jquery-3.2.1.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/jquery-ui/jquery-ui.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/dropzone/dropzone.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/common/js/validation.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/common/js/gitbucket.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/bootstrap-3.3.7/js/bootstrap.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/bootstrap3-typeahead/bootstrap3-typeahead.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/bootstrap-datetimepicker-4.17.44/js/moment.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/bootstrap-datetimepicker-4.17.44/js/bootstrap-datetimepicker.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/colorpicker/js/bootstrap-colorpicker.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/google-code-prettify/prettify.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/elastic/jquery.elastic.source.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/facebox/facebox.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/jquery-hotkeys/jquery.hotkeys.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/jquery-textcomplete-1.8.4/jquery.textcomplete.min.js?20190721113240"></script> <meta name="go-import" content="www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka git https://www.yatex.org/gitbucket/git/KoekiBrandingPJ/matsugaoka.git" /> <script src="https://www.yatex.org/gitbucket/assets/vendors/AdminLTE-2.4.2/js/adminlte.min.js?20190721113240" type="text/javascript"></script> </head> <body class="skin-green-light page-load sidebar-mini "> <div class="wrapper"> <header class="main-header"> <a href="https://www.yatex.org/gitbucket/" class="logo"> <span class="logo-mini"><img src="https://www.yatex.org/gitbucket/assets/common/images/gitbucket.svg?20190721113240" alt="GitBucket" /></span> <span class="logo-lg"> <img src="https://www.yatex.org/gitbucket/assets/common/images/gitbucket.svg?20190721113240" alt="GitBucket" /> <span class="header-title strong">GitBucket</span> </span> </a> <nav class="navbar navbar-static-top" role="navigation"> <!-- Sidebar toggle button--> <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> <span class="sr-only">Toggle navigation</span> </a> <form id="search" action="https://www.yatex.org/gitbucket/search" method="GET" class="pc navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" name="query" id="navbar-search-input" class="form-control" placeholder="Search repository"/> </div> </form> <ul class="pc nav navbar-nav"> <li><a href="https://www.yatex.org/gitbucket/dashboard/pulls">Pull requests</a></li> <li><a href="https://www.yatex.org/gitbucket/dashboard/issues">Issues</a></li> <li><a href="https://www.yatex.org/gitbucket/gist">Snippets</a></li> </ul> <div class="navbar-custom-menu"> <ul class="nav navbar-nav"> <li class="dropdown notifications-menu"> <a class="dropdown-toggle menu" data-toggle="dropdown" href="#"> <i class="octicon octicon-plus" style="color: black;"></i><span class="caret" style="color: black; vertical-align: middle;"></span> </a> <ul class="dropdown-menu pull-right" style="width: auto;"> <li> <ul class="menu"> <li><a href="https://www.yatex.org/gitbucket/new">New repository</a></li> <li><a href="https://www.yatex.org/gitbucket/groups/new">New group</a></li> </ul> </li> </ul> </li> <li class="dropdown notifications-menu"> <a class="dropdown-toggle menu" data-toggle="dropdown" href="#" data-toggle="tooltip" data-placement="bottom" title="Signed is as taka"> <img src="https://www.yatex.org/gitbucket/taka/_avatar?20190810100456" class="avatar-mini" style="width: 16px; height: 16px;" /><span class="caret" style="color: black; vertical-align: middle;"></span> </a> <ul class="dropdown-menu pull-right" style="width: auto;"> <li> <ul class="menu"> <li><a href="https://www.yatex.org/gitbucket/taka">Your profile</a></li> <li><a href="https://www.yatex.org/gitbucket/taka/_edit">Account settings</a></li> <li><a href="https://www.yatex.org/gitbucket/signout">Sign out</a></li> </ul> </li> </ul> </li> </ul> </div> </nav> </header> <div class="main-sidebar"> <div class="sidebar"> <ul class="sidebar-menu"> <li class = "menu-item-hover active"> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka"> <i class="menu-icon octicon octicon-code"></i> <span>Files</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/branches"> <i class="menu-icon octicon octicon-git-branch"></i> <span>Branches</span> <span class="pull-right-container"><span class="label label-primary pull-right">1</span></span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/releases"> <i class="menu-icon octicon octicon-tag"></i> <span>Releases</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/issues"> <i class="menu-icon octicon octicon-issue-opened"></i> <span>Issues</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/pulls"> <i class="menu-icon octicon octicon-git-pull-request"></i> <span>Pull requests</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/issues/labels"> <i class="menu-icon octicon octicon-tag"></i> <span>Labels</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/issues/priorities"> <i class="menu-icon octicon octicon-flame"></i> <span>Priorities</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/issues/milestones"> <i class="menu-icon octicon octicon-milestone"></i> <span>Milestones</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/wiki"> <i class="menu-icon octicon octicon-book"></i> <span>Wiki</span> </a> </li> </ul> </div> </div> <div class="content-wrapper"> <div class="content body clearfix"> <div class="headbar"> <div class="container"> <div class="head"> <div class="pull-right"> <div class="btn-group" > <button id = "test" class="dropdown-toggle btn btn-default btn-sm" data-toggle="dropdown"> <span class="strong" > Not watching </span> <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li> <a href="#" class="watch" data-id="watching"> <i class="octicon"></i> <span class="notification-label strong">Watching</span> <div class="muted small">Notify all conversations.</div> </a> </li> <li> <a href="#" class="watch" data-id="not_watching"> <i class="octicon octicon-check"></i> <span class="notification-label strong">Not watching</span> <div class="muted small">Notify when participating.</div> </a> </li> <li> <a href="#" class="watch" data-id="ignoring"> <i class="octicon"></i> <span class="notification-label strong">Ignoring</span> <div class="muted small">Never notify.</div> </a> </li> </ul> </div> <script> $(function(){ $('a.watch').click(function(){ var selected = $(this); var notification = selected.data('id'); $.post('https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/watch', { notification : notification }, function(){ $('a.watch i.octicon-check').removeClass('octicon-check'); $('a.watch[data-id=' + notification + '] i').addClass('octicon-check'); // Update button label var label = selected.find('span.notification-label').text().trim(); selected.parents('div.btn-group').find('button>span.strong').text(label); } ); return false; }); }); </script> <a class="btn btn-default btn-sm" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/fork" rel="facebox"> <span class="strong"><i class="octicon octicon-repo-forked"></i>Fork</span><span class="muted">: 0</span> </a> <form id="fork-form" method="post" action="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/fork" style="display: none;"> <input type="hidden" name="account" value="taka"/> </form> </div> <i class="mega-octicon octicon-repo"></i> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ">KoekiBrandingPJ</a> / <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka" class="strong">matsugaoka</a> </div> </div> </div> <style> .prettyprint { tab-size: 8 } </style> <div class="head"> <div class="pull-right hide-if-blame"><div class="btn-group"> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/blob/d45c33d16114ff36461be87895ee0a7bdf827f21/web/map/test.yuuji/test-dual.html" data-hotkey="y" style="display: none;">Transfer to URL with SHA</a> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/find/master" class="btn btn-sm btn-default" data-hotkey="t">Find file</a> </div></div> <div class="line-age-legend"> <span>Newer</span> <ol> <li class="heat1"></li> <li class="heat2"></li> <li class="heat3"></li> <li class="heat4"></li> <li class="heat5"></li> <li class="heat6"></li> <li class="heat7"></li> <li class="heat8"></li> <li class="heat9"></li> <li class="heat10"></li> </ol> <span>Older</span> </div> <div id="branchCtrlWrapper" style="display:inline;"> <div class="btn-group" > <button id = "test" class="dropdown-toggle btn btn-default btn-sm" data-toggle="dropdown"> <span class="muted">branch:</span> <span class="strong" style="display:inline-block; vertical-align:bottom; overflow-x:hidden; max-width:200px; text-overflow:ellipsis"> master </span> <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><div id="branch-control-title">Switch branches<button id="branch-control-close" class="pull-right">×</button></div></li> <li><input id="branch-control-input" type="text" class="form-control input-sm dropdown-filter-input" placeholder="Find or create branch ..."/></li> <li><a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/blob/master/web/map/test.yuuji/test-dual.html"> <i class="octicon octicon-check"></i> master</a></li> </ul> </div> <script> $(function(){ $('#branch-control-input').parent().click(function(e) { e.stopPropagation(); }); $('#branch-control-close').click(function() { $('[data-toggle="dropdown"]').parent().removeClass('open'); }); $('#branch-control-input').keyup(function() { var inputVal = $('#branch-control-input').val(); $.each($('#branch-control-input').parent().parent().find('a'), function(index, elem) { if (!inputVal || !elem.text.trim() || elem.text.trim().toLowerCase().indexOf(inputVal.toLowerCase()) >= 0) { $(elem).parent().show(); } else { $(elem).parent().hide(); } }); }); $('.btn-group').click(function() { $('#branch-control-input').val(''); $('.dropdown-menu li').show(); $('#create-branch').hide(); }); }); </script> </div> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/tree/master">matsugaoka</a> / <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/tree/master/web">web</a> / <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/tree/master/web/map">map</a> / <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/tree/master/web/map/test.yuuji">test.yuuji</a> / test-dual.html </div> <div class="box-header" style="line-height: 28px;"> <img src="https://www.yatex.org/gitbucket/_unknown/_avatar" class="avatar-mini" style="width: 20px; height: 20px;" /> HIROSE Yuuji <span class="muted"><span data-toggle="tooltip" title="2019-08-23 11:42:47"> 6 days ago </span> </span> <span class="label label-default">1 KB</span> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/commit/d45c33d16114ff36461be87895ee0a7bdf827f21" class="commit-message">AHE style files and sample files added</a> <div class="btn-group pull-right"> <a class="btn btn-sm btn-default" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/raw/d45c33d16114ff36461be87895ee0a7bdf827f21/web/map/test.yuuji/test-dual.html">Raw</a> <a class="btn btn-sm btn-default blame-action" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/blame/d45c33d16114ff36461be87895ee0a7bdf827f21/web/map/test.yuuji/test-dual.html" data-url="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/get-blame/d45c33d16114ff36461be87895ee0a7bdf827f21/web/map/test.yuuji/test-dual.html" data-repository="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka">Blame</a> <a class="btn btn-sm btn-default" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/commits/master/web/map/test.yuuji/test-dual.html">History</a> </div> </div> <div class="box-content-bottom"> <pre class="prettyprint linenums blob no-renderable "><!DOCTYPE html> <html lang="ja"> <head> <title>test of DUAL map</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="../../main.css"> <style type="text/css"> <!-- h1 {font-size: 150%;} div#map1, div#map3 {margin-right: 1em; float: left; clear: both;} div#map1, div#map2, div#map3, div#map4 { width: 47vw; height: 80vh; border: 1px solid black; } p.new {clear: both;} .leaflet-popup-content {width: 350px; max-width: 650px} .leaflet-popup-content img.popup {max-width: 30vw;} --> </style> <link rel="stylesheet" type="text/css" href="../lib/leaflet.css"> <script type="text/javascript" src="../lib/leaflet.js"></script> <script type="text/javascript" src="../lib/leaflet-bing-layer.min.js"></script> <script type="text/javascript" src="../lib/leaflet-omnivore.min.js"></script> <script type="text/javascript" src="test-multi.js" charset="utf-8"> </script> <style type="text/css"> <!-- .leaflet-popup-content-wrapper {xdisplay: none; background: pink;} --> </style> </head> <body> <h1>Comparison Map</h1> <div></div><!-- To clear relative positioning of h1 defined in main.css --> <div id="map1">map1 here</div> <div id="map2">map2 here</div> <hr> &copy;2019 by yuuji(at)koeki-u.ac.jp </body> </html> </pre> </div> </div> </div> <script> $(function(){ $('a[rel*=facebox]').facebox({ 'loadingImage': 'https://www.yatex.org/gitbucket/assets/vendors/facebox/loading.gif?20190721113240', 'closeImage': 'https://www.yatex.org/gitbucket/assets/vendors/facebox/closelabel.png?20190721113240' }); $(document).on("click", ".js-fork-owner-select-target", function() { var account = $(this).text().replace("@", ""); $("#account").val(account); $("#fork").submit(); }); }); </script> </div> <script> $(function(){ $(".sidebar-toggle").on('click', function(e){ $.post('https://www.yatex.org/gitbucket/sidebar-collapse', { collapse: !$('body').hasClass('sidebar-collapse') }); }); }); </script> </body> </html> <script> $(window).on('load', function(){ updateHighlighting(); window.onhashchange = function(){ updateHighlighting(); } var pre = $('pre.prettyprint'); function updateSourceLineNum(){ $('.source-line-num').remove(); var pos = pre.find('ol.linenums').position(); if(pos){ $('<div class="source-line-num">').css({ height : pre.height(), width : '48px', cursor : 'pointer', position: 'absolute', top : pos.top + 'px', left : pos.left + 'px' }).click(function(e){ var pos = $(this).data("pos"); if(!pos){ pos = $('ol.linenums li').map(function(){ return { id: $(this).attr("id"), top: $(this).position().top} }).toArray(); $(this).data("pos",pos); } for(var i = 0; i < pos.length-1; i++){ if(pos[i + 1].top > e.pageY){ break; } } var line = pos[i].id.replace(/^L/,''); var hash = location.hash; var commitUrl = 'https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/blob/d45c33d16114ff36461be87895ee0a7bdf827f21/web/map/test.yuuji/test-dual.html'; if(e.shiftKey == true && hash.match(/#L\d+(-L\d+)?/)){ var lines = hash.split('-'); window.history.pushState('', '', commitUrl + lines[0] + '-L' + line); } else { var p = $("#L"+line).attr('id',""); window.history.pushState('', '', commitUrl + '#L' + line); p.attr('id','L'+line); } $("#branchCtrlWrapper .btn .muted").text("tree:"); $("#branchCtrlWrapper .btn .strong").text("d45c33d161"); updateHighlighting(); }).appendTo(pre); } } var repository = $('.blame-action').data('repository'); $('.blame-action').click(function(e){ if(history.pushState && $('pre.prettyprint.no-renderable').length){ e.preventDefault(); history.pushState(null, null, this.href); updateBlame(); } }); function updateBlame(){ var m = /\/(blame|blob)(\/.*)$/.exec(location.href); var mode = m[1]; $('.blame-action').toggleClass("active", mode=='blame').attr('href', repository + (m[1] == 'blame' ? '/blob' : '/blame') + m[2]); if(pre.parents("div.box-content-bottom").find(".blame").length){ pre.parent().toggleClass("blame-container", mode == 'blame'); updateSourceLineNum(); return; } if(mode=='blob'){ updateSourceLineNum(); return; } $(document.body).toggleClass('no-box-shadow', document.body.style.boxShadow === undefined); $('.blame-action').addClass("active"); var base = $('<div class="blame">').css({height: pre.height()}).prependTo(pre.parents("div.box-content-bottom")); base.parent().addClass("blame-container"); updateSourceLineNum(); $.get($('.blame-action').data('url')).done(function(data){ var blame = data.blame; var index = []; for(var i = 0; i < blame.length; i++){ for(var j = 0; j < blame[i].lines.length; j++){ index[blame[i].lines[j]] = blame[i]; } } var blame, lastDiv, now = new Date().getTime(); $('pre.prettyprint ol.linenums li').each(function(i, e){ var p = $(e).position(); var h = $(e).height(); if(blame == index[i]){ lastDiv.css("min-height",(p.top + h + 1) - lastDiv.position().top); } else { $(e).addClass('blame-sep') blame = index[i]; var sha = $('<div class="blame-sha">') .append($('<a>').attr("href", data.root + '/commit/' + blame.id).text(blame.id.substr(0,7))); if(blame.prev){ sha.append($('<br />')) .append($('<a class="muted-link">').text('prev').attr("href", data.root + '/blame/' + blame.prev + '/' + (blame.prevPath || data.path))); } lastDiv = $('<div class="blame-info">') .addClass('heat' + Math.min(10, Math.max(1, Math.ceil((now - blame.commited) / (24 * 3600 * 1000 * 70))))) .toggleClass('blame-last', blame.id == data.last) .data('line', (i + 1)) .css({ "top" : p.top + 'px', "min-height" : h + 'px' }) .append(sha) .append($(blame.avatar).addClass('avatar').css({"float": "left"})) .append($('<div class="blame-commit-title">').text(blame.message)) .append($('<div class="muted">').html(blame.author + " authed " + blame.authed)) .appendTo(base); } }); }); return false; }; $(document).on('expanded.pushMenu collapsed.pushMenu', function(e){ setTimeout(updateBlame, 300); }); updateBlame(); }); var scrolling = false; /** * Hightlight lines which are specified by URL hash. */ function updateHighlighting(){ var hash = location.hash; if(hash.match(/#L\d+(-L\d+)?/)){ $('li.highlight').removeClass('highlight'); var lines = hash.substr(1).split('-'); if(lines.length == 1){ $('#' + lines[0]).addClass('highlight'); if(!scrolling){ $(window).scrollTop($('#' + lines[0]).offset().top - 40); } } else if(lines.length > 1){ var start = parseInt(lines[0].substr(1)); var end = parseInt(lines[1].substr(1)); for(var i = start; i <= end; i++){ $('#L' + i).addClass('highlight'); } if(!scrolling){ $(window).scrollTop($('#L' + start).offset().top - 40); } } scrolling = true; } } </script>