Upstream/dynmap
1
0
Fork 0
mirror of https://github.com/webbukkit/dynmap.git synced 2025-01-28 02:21:33 +01:00
Code Issues Projects Releases Wiki Activity

Add scrolling support for world list

Browse Source
This commit is contained in:
Mike Primm 2011-11-06 10:29:33 +08:00 committed by mikeprimm
parent ab963fca70
commit de94712fbd
2 changed files with 42 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/css/dynmap_style.css
View File

@ -533,6 +533,10 @@
overflow:hidden;
}
.worldlist {
overflow:hidden;
}
/*******************
* players on the map
*/

39
web/js/map.js
View File

@ -176,12 +176,39 @@ DynMap.prototype = {
}
if(!nopanel)
sidebar.appendTo(container);
// World scrollbuttons
var upbtn_world = $('<div/>')
.addClass('scrollup')
.bind('mousedown mouseup', function(event){
if(event.type == 'mousedown'){
worldlist.animate({"scrollTop": "-=300px"}, 3000, 'linear');
}else{
worldlist.stop();
}
});
var downbtn_world = $('<div/>')
.addClass('scrolldown')
.bind('mousedown mouseup', function(event){
if(event.type == 'mousedown'){
worldlist.animate({"scrollTop": "+=300px"}, 3000, 'linear');
}else{
worldlist.stop();
}
});
// Worlds
var worldlist;
$('<fieldset/>')
.append($('<legend/>').text('Map Types'))
.append(me.worldlist = worldlist = $('<ul/>').addClass('worldlist'))
.append(upbtn_world)
.append(me.worldlist = worldlist = $('<ul/>').addClass('worldlist')
.bind('mousewheel', function(event, delta){
this.scrollTop -= (delta * 10);
event.preventDefault();
})
)
.append(downbtn_world)
.appendTo(panel);
$.each(me.worlds, function(index, world) {
@ -250,6 +277,16 @@ DynMap.prototype = {
.appendTo(panel);
var updateHeight = function() {
if(sidebar.innerHeight() > (2*worldlist.scrollHeight())) { /* Big enough */
worldlist.height(worldlist.scrollHeight());
upbtn_world.toggle(false);
downbtn_world.toggle(false);
}
else{
worldlist.height(sidebar.innerHeight() / 2);
upbtn_world.toggle(true);
downbtn_world.toggle(true);
}
playerlist.height(sidebar.innerHeight() - (playerlist.offset().top - worldlist.offset().top) - 64); // here we need a fix to avoid the static value, but it works fine this way :P
var scrollable = playerlist.scrollHeight() > playerlist.height();
upbtn.toggle(scrollable);