Ero sivun ”Järjestelmäviesti:Common.js” versioiden välillä

KKWikistä
(Ak: Uusi sivu: →‎Tämän sivun JavaScript-koodi liitetään jokaiseen sivulataukseen: →‎* RECIPE VIEWER: $(document).ready(function(){ let tooltipVisible = false;...)
 
Rivi 9: Rivi 9:
 
$(document).ready(function(){
 
$(document).ready(function(){
 
          
 
          
         let tooltipVisible = false;
+
         var tooltipVisible = false;
 
          
 
          
 
         if ($('.x-crafting').length > 0) {
 
         if ($('.x-crafting').length > 0) {
Rivi 16: Rivi 16:
 
             $('.x-crafting-item').each(function(){
 
             $('.x-crafting-item').each(function(){
 
                  
 
                  
                 let itemImage = $(this).attr('data-item');
+
                 var itemImage = $(this).attr('data-item');
 
                  
 
                  
 
                 if (itemImage != '') {
 
                 if (itemImage != '') {
Rivi 61: Rivi 61:
 
             });
 
             });
 
              
 
              
             let rs = () => {
+
             var rs = () => {
 
                 $('.x-crafting').each(function(){
 
                 $('.x-crafting').each(function(){
 
                     if ($(this).parent().width() < 350) {
 
                     if ($(this).parent().width() < 350) {
                         let sc = $(this).parent().width()/375;
+
                         var sc = $(this).parent().width()/375;
 
                         $(this).css('transform-origin', 'top left');
 
                         $(this).css('transform-origin', 'top left');
 
                         $(this).css('transform', 'scale('+sc+')');
 
                         $(this).css('transform', 'scale('+sc+')');

Versio 30. elokuuta 2020 kello 19.23

/* Tämän sivun JavaScript-koodi liitetään jokaiseen sivulataukseen */




/*
 * RECIPE VIEWER
 */
$(document).ready(function(){
        
        var tooltipVisible = false;
        
        if ($('.x-crafting').length > 0) {
            
            $('body').append('<div class="x-crafting-tooltip" style="display: none;">Tooltip is not working.<br>Please contact Tapsa.</div>');
            $('.x-crafting-item').each(function(){
                
                var itemImage = $(this).attr('data-item');
                
                if (itemImage != '') {
                    if (itemImage.indexOf('item:') == 0) {
                        $(this).css('background-image', 'url("https://static.lehtodigital.fi/xeno/textures/generic/' + itemImage.replace('item:', '') + '.png")');
                    } else {
                        $(this).css('background-image', 'url("' + itemImage + '")');
                    }
                } else {
                    $(this).css('cursor', 'default');
                }
                
            });
            
            $('body').on('mousemove', function(e){
                if (tooltipVisible) {
                    
                    $('.x-crafting-tooltip').css({
                        top: (e.clientY + 15)+'px',
                        left: (e.clientX + 15)+'px'
                    });
                    
                }
            });
            
            $('.x-crafting-item').on('mouseover', function(e){
                
                if ($(this).attr('data-item') != '' && $(this).attr('data-hover') != '') {
                    $('.x-crafting-tooltip').text($(this).attr('data-hover')).show();
                    tooltipVisible = true;
                }
                
            });
            
            $('.x-crafting-item').on('mouseout', function(e){
                
                $('.x-crafting-tooltip').hide();
                tooltipVisible = false;
                
            });
            
            $('.x-crafting-item').on('click', function(e){
                window.location.href = 'https://kk.xenomc.fi/wiki/index.php/' + encodeURIComponent($(this).attr('data-hover'));
            });
            
            var rs = () => {
                $('.x-crafting').each(function(){
                    if ($(this).parent().width() < 350) {
                        var sc = $(this).parent().width()/375;
                        $(this).css('transform-origin', 'top left');
                        $(this).css('transform', 'scale('+sc+')');
                    }
                });
            }
            
            rs();
            $(window).resize(rs);
            
        }
        
    });