mojotrollz/mojo_zero_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

skilltrees are fully skillable now

Browse Source
This commit is contained in:
Ulf Gebhardt 2014-11-05 17:24:31 +01:00
parent 27827a7b66
commit 46044e13af
3 changed files with 52 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
mojotrollz/api/char/css/skilltree.css
View File

@ -92,18 +92,25 @@
.icon_arrow_yellow_down_right{background-position: -195px 0px;} .icon_arrow_yellow_down_right{background-position: -195px 0px;}
.icon_border_grey{background-position: 0px 0px;} .icon_border_grey{background-position: 0px 0px;}
.icon_border_grey_inc_left{background-position: 0px -402px;}
.icon_border_grey_inc{background-position: 0px -268px;} .icon_border_grey_inc{background-position: 0px -268px;}
.icon_border_grey_inc_left{background-position: 0px -402px;}
.icon_border_grey_down{background-position: 0px -201px;} .icon_border_grey_down{background-position: 0px -201px;}
.icon_border_grey_down_right{background-position: 0px -469px;} .icon_border_grey_down_right{background-position: 0px -469px;}
.icon_border_grey_right{background-position: 0px -134px;}
.icon_border_green{background-position: -65px 0px;} .icon_border_green{background-position: -65px 0px;}
.icon_border_green_inc{background-position: -65px -268px;}
.icon_border_green_inc_left{background-position: -65px -402px;}
.icon_border_green_down{background-position: -65px -201px;}
.icon_border_green_down_right{background-position: -65px -469px;}
.icon_border_green_right{background-position: -65px -134px;} .icon_border_green_right{background-position: -65px -134px;}
.icon_border_yellow{background-position: -260px 0px;} .icon_border_yellow{background-position: -260px 0px;}
.icon_border_yellow_inc{background-position: -260px -268px;} .icon_border_yellow_inc{background-position: -260px -268px;}
.icon_border_yellow_inc_left{background-position: -260px -402px;}
.icon_border_yellow_down{background-position: -260px -201px;} .icon_border_yellow_down{background-position: -260px -201px;}
.icon_border_yellow_down_right{background-position: -260px -469px;} .icon_border_yellow_down_right{background-position: -260px -469px;}
.icon_border_yellow_right{background-position: -260px -134px;}
.icon_number{ .icon_number{
position: relative; position: relative;

64
mojotrollz/api/char/js/skilltree.js
View File

@ -48,67 +48,91 @@ function write_icon_green(id,id_img){
$(id).removeClass('icon_text_yellow'); $(id).removeClass('icon_text_yellow');
$(id).addClass('icon_text_green'); $(id).addClass('icon_text_green');
if( $(id).hasClass('icon_border_grey') || if( $(id_img).hasClass('icon_border_grey') ||
$(id).hasClass('icon_border_yellow')){ $(id_img).hasClass('icon_border_yellow')){
$(id_img).removeClass('icon_border_grey'); $(id_img).removeClass('icon_border_grey');
$(id_img).removeClass('icon_border_yellow'); $(id_img).removeClass('icon_border_yellow');
$(id_img).addClass('icon_border_green');} $(id_img).addClass('icon_border_green');}
if( $(id).hasClass('icon_border_grey_down') || if( $(id_img).hasClass('icon_border_grey_down') ||
$(id).hasClass('icon_border_yellow_down')){ $(id_img).hasClass('icon_border_yellow_down')){
$(id_img).removeClass('icon_border_grey_down'); $(id_img).removeClass('icon_border_grey_down');
$(id_img).removeClass('icon_border_yellow_down'); $(id_img).removeClass('icon_border_yellow_down');
$(id_img).addClass('icon_border_green_down');} $(id_img).addClass('icon_border_green_down');}
if( $(id).hasClass('icon_border_grey_down_right') || if( $(id_img).hasClass('icon_border_grey_down_right') ||
$(id).hasClass('icon_border_yellow_down_right')){ $(id_img).hasClass('icon_border_yellow_down_right')){
$(id_img).removeClass('icon_border_grey_down_right'); $(id_img).removeClass('icon_border_grey_down_right');
$(id_img).removeClass('icon_border_yellow_down_right'); $(id_img).removeClass('icon_border_yellow_down_right');
$(id_img).addClass('icon_border_green_down_right');} $(id_img).addClass('icon_border_green_down_right');}
if( $(id).hasClass('icon_border_grey_inc') || if( $(id_img).hasClass('icon_border_grey_right') ||
$(id).hasClass('icon_border_yellow_inc')){ $(id_img).hasClass('icon_border_yellow_right')){
$(id_img).removeClass('icon_border_grey_right');
$(id_img).removeClass('icon_border_yellow_right');
$(id_img).addClass('icon_border_green_right');}
if( $(id_img).hasClass('icon_border_grey_inc') ||
$(id_img).hasClass('icon_border_yellow_inc')){
$(id_img).removeClass('icon_border_grey_inc'); $(id_img).removeClass('icon_border_grey_inc');
$(id_img).removeClass('icon_border_yellow_inc'); $(id_img).removeClass('icon_border_yellow_inc');
$(id_img).addClass('icon_border_green_inc');} $(id_img).addClass('icon_border_green_inc');}
if( $(id).hasClass('icon_border_grey_inc_left') || if( $(id_img).hasClass('icon_border_grey_inc_left') ||
$(id).hasClass('icon_border_yellow_inc_left')){ $(id_img).hasClass('icon_border_yellow_inc_left')){
$(id_img).removeClass('icon_border_grey_inc_left'); $(id_img).removeClass('icon_border_grey_inc_left');
$(id_img).removeClass('icon_border_yellow_inc_left'); $(id_img).removeClass('icon_border_yellow_inc_left');
$(id_img).addClass('icon_border_green_inc_left');} $(id_img).addClass('icon_border_green_inc_left');}
if( $(id_img).hasClass('icon_border_grey_left') ||
$(id_img).hasClass('icon_border_yellow_left')){
$(id_img).removeClass('icon_border_grey_left');
$(id_img).removeClass('icon_border_yellow_left');
$(id_img).addClass('icon_border_green_left');}
} }
function write_icon_yellow(id,id_img){ function write_icon_yellow(id,id_img){
$(id).removeClass('icon_text_green'); $(id).removeClass('icon_text_green');
$(id).addClass('icon_text_yellow'); $(id).addClass('icon_text_yellow');
if( $(id).hasClass('icon_border_grey') || if( $(id_img).hasClass('icon_border_grey') ||
$(id).hasClass('icon_border_green')){ $(id_img).hasClass('icon_border_green')){
$(id_img).removeClass('icon_border_grey'); $(id_img).removeClass('icon_border_grey');
$(id_img).removeClass('icon_border_green'); $(id_img).removeClass('icon_border_green');
$(id_img).addClass('icon_border_yellow');} $(id_img).addClass('icon_border_yellow');}
if( $(id).hasClass('icon_border_grey_down') || if( $(id_img).hasClass('icon_border_grey_down') ||
$(id).hasClass('icon_border_green_down')){ $(id_img).hasClass('icon_border_green_down')){
$(id_img).removeClass('icon_border_grey_down'); $(id_img).removeClass('icon_border_grey_down');
$(id_img).removeClass('icon_border_green_down'); $(id_img).removeClass('icon_border_green_down');
$(id_img).addClass('icon_border_yellow_down');} $(id_img).addClass('icon_border_yellow_down');}
if( $(id).hasClass('icon_border_grey_down_right') || if( $(id_img).hasClass('icon_border_grey_down_right') ||
$(id).hasClass('icon_border_green_down_right')){ $(id_img).hasClass('icon_border_green_down_right')){
$(id_img).removeClass('icon_border_grey_down_right'); $(id_img).removeClass('icon_border_grey_down_right');
$(id_img).removeClass('icon_border_green_down_right'); $(id_img).removeClass('icon_border_green_down_right');
$(id_img).addClass('icon_border_yellow_down_right');} $(id_img).addClass('icon_border_yellow_down_right');}
if( $(id).hasClass('icon_border_grey_inc') || if( $(id_img).hasClass('icon_border_grey_right') ||
$(id).hasClass('icon_border_green_inc')){ $(id_img).hasClass('icon_border_green_right')){
$(id_img).removeClass('icon_border_grey_right');
$(id_img).removeClass('icon_border_green_right');
$(id_img).addClass('icon_border_yellow_right');}
if( $(id_img).hasClass('icon_border_grey_inc') ||
$(id_img).hasClass('icon_border_green_inc')){
$(id_img).removeClass('icon_border_grey_inc'); $(id_img).removeClass('icon_border_grey_inc');
$(id_img).removeClass('icon_border_green_inc'); $(id_img).removeClass('icon_border_green_inc');
$(id_img).addClass('icon_border_yellow_inc');} $(id_img).addClass('icon_border_yellow_inc');}
if( $(id).hasClass('icon_border_grey_inc_left') || if( $(id_img).hasClass('icon_border_grey_inc_left') ||
$(id).hasClass('icon_border_green_inc_left')){ $(id_img).hasClass('icon_border_green_inc_left')){
$(id_img).removeClass('icon_border_grey_inc_left'); $(id_img).removeClass('icon_border_grey_inc_left');
$(id_img).removeClass('icon_border_green_inc_left'); $(id_img).removeClass('icon_border_green_inc_left');
$(id_img).addClass('icon_border_yellow_inc_left');} $(id_img).addClass('icon_border_yellow_inc_left');}
if( $(id_img).hasClass('icon_border_grey_left') ||
$(id_img).hasClass('icon_border_green_left')){
$(id_img).removeClass('icon_border_grey_left');
$(id_img).removeClass('icon_border_green_left');
$(id_img).addClass('icon_border_yellow_left');}
} }

BIN
mojotrollz/files/skilltree/skilltree_icons.gif
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB