Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the ot-apollo domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home3/achieve/public_html/knowledgebase/wp-includes/functions.php on line 6131

Warning: Cannot modify header information - headers already sent by (output started at /home3/achieve/public_html/knowledgebase/wp-includes/functions.php:6131) in /home3/achieve/public_html/knowledgebase/wp-includes/feed-rss2.php on line 8
Functions – Knowledge https://knowledge.achieveee.com Wed, 07 Jun 2017 09:55:47 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://knowledge.achieveee.com/wp-content/uploads/2016/05/cropped-favicon-32x32.png Functions – Knowledge https://knowledge.achieveee.com 32 32 WebFont – Load Google Fonts & TypeKit asynchronously https://knowledge.achieveee.com/knowledge_base/webfont-load-google-fonts-typekit-asynchronously/?utm_source=rss&utm_medium=rss&utm_campaign=webfont-load-google-fonts-typekit-asynchronously https://knowledge.achieveee.com/knowledge_base/webfont-load-google-fonts-typekit-asynchronously/#respond Wed, 07 Jun 2017 09:55:47 +0000 http://knowledge.achieveee.com/?post_type=knowledge_base&p=2520 Google & TypeKit collaborated to load web fonts asynchronously, here are the methods:

  1. Include Google Host Library directly:
    <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
    <script>
      WebFont.load({
        google: {
          families: ['Droid Sans', 'Droid Serif']
        }
      });
    </script>
  2. Include Google Host Library asynchronously:
    <script type="text/javascript">
      WebFontConfig={
        google:{families:["Lato:400,700,300,100:latin"]}
      };
      
      (function(){
        var wf = document.createElement("script");
        wf.src = ("https:" == document.location.protocol ? "https":"http") + 
                 "://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js";
        wf.type="text/javascript";
        wf.async="true";
        var t = document.getElementsByTagName("script")[0];
        t.parentNode.insertBefore(wf, t)
      })();
    </script>

 

You can also download Google WebFont Loader locally and call WebFont.load()  function
For more details, check: https://github.com/typekit/webfontloader

]]>
https://knowledge.achieveee.com/knowledge_base/webfont-load-google-fonts-typekit-asynchronously/feed/ 0
Calculate distance between center of two HTML objects https://knowledge.achieveee.com/knowledge_base/calculate-distance-between-center-of-two-html-objects/?utm_source=rss&utm_medium=rss&utm_campaign=calculate-distance-between-center-of-two-html-objects https://knowledge.achieveee.com/knowledge_base/calculate-distance-between-center-of-two-html-objects/#respond Thu, 08 Dec 2016 13:05:15 +0000 http://knowledge.achieveee.com/?post_type=knowledge_base&p=2500 // get center position of an html element function getPositionAtCenter(element) { var data = element.getBoundingClientRect(); return { x: data.left + data.width / 2, y: data.top + data.height / 2 }; } // get distance between two elements function getDistanceBetweenElements(a, b) { var aPosition = getPositionAtCenter(a); var bPosition = getPositionAtCenter(b); return Math.sqrt(Math.pow(aPosition.x - bPosition.x, 2) + Math.pow(aPosition.y - bPosition.y, 2)); } function get_distance() { var distance = getDistanceBetweenElements( document.getElementById(object1), document.getElementById(object2) ); return distance; }

 

]]>
https://knowledge.achieveee.com/knowledge_base/calculate-distance-between-center-of-two-html-objects/feed/ 0
JavaScript popup window with close event on button click https://knowledge.achieveee.com/knowledge_base/javascript-popup-window-with-close-event-on-button-click/?utm_source=rss&utm_medium=rss&utm_campaign=javascript-popup-window-with-close-event-on-button-click https://knowledge.achieveee.com/knowledge_base/javascript-popup-window-with-close-event-on-button-click/#respond Fri, 06 May 2016 12:53:43 +0000 http://achieveee.com/knowledgebase/?post_type=knowledge_base&p=2444 window.open() is a method to open a new browser window.

Javascript code to open window popup center aligned to page with close event on button click:

$(btn-container).on("click", function() {
    var w = 620;
    var h = 350;
    var win = window.open('http://achieveee.com', 'Achieveee', 'resizable,toolbar=0,location=0,scrollbars=1,menubar=0,width='+w+',height='+h+',top='+(screen.height-h)/2+',left='+(screen.width-w)/2+'');

    var timer = setInterval(function() {
        if (win.closed) {
            clearInterval(timer);
            alert('closed');
        }
    }, 1000);
});

 

]]>
https://knowledge.achieveee.com/knowledge_base/javascript-popup-window-with-close-event-on-button-click/feed/ 0