Хак Проценты загрузки в Favicon для DLE 9.x

[mishiko]

Описание: Вывод загрузки сайта в Favicon. Какие браузеры поддерживает я не проверял. Скрипт не выводит точные данные. Просто показывает красивую анимацию во время прогрузки сайта. Скрипт будет работать не только на DLE, но и на других сайтах. Но в нашем случаи рассматриваем только для DLE.

Наткнулся на такой скрипт,который позволяет выводить загрузку в процентах прямо в favicon'e!

Установка:
1)Создаем JS скрипт (например с именем favicon.js) с содержанием:

(function(){var i={},j=null,k=null,f=null,g=null,h={},l={color:"#ff0084",background:"#bbb",shadow:"#fff",fallback:!1},c,o=navigator.userAgent.toLowerCase();c=function(e){return-1!==o.indexOf(e)};var p=c("msie");c("chrome");c("chrome")||c("safari");var q=c("safari")&&!c("chrome");c("mozilla")&&!c("chrome")&&c("safari");var m=function(e){for(var a=document.getElementsByTagName("link"),c=document.getElementsByTagName("head")[0],f=0,h=a.length;f<h;f++)("icon"===a[f].getAttribute("rel")||"shortcut icon"===
a[f].getAttribute("rel"))&&c.removeChild(a[f]);a=document.createElement("link");a.type="image/x-icon";a.rel="icon";a.href=e;document.getElementsByTagName("head")[0].appendChild(a)},n=function(){g||(g=document.createElement("canvas"),g.width=16,g.height=16);return g};i.setOptions=function(e){h={};for(var a in l)h[a]=e.hasOwnProperty(a)?e[a]:l[a];return this};i.setProgress=function(e){f||(f=document.title);if(!k||!j){var a;a:{a=document.getElementsByTagName("link");for(var c=0,i=a.length;c<i;c++)if("icon"===
a[c].getAttribute("rel")||"shortcut icon"===a[c].getAttribute("rel")){a=a[c];break a}a=!1}k=j=a?a.getAttribute("href"):"/favicon.ico"}if(!isNaN(parseFloat(e))&&isFinite(e))if(!n().getContext||p||q||!0==h.fallback)document.title=0 100) { Piecon.reset(); clearInterval(i); return false; }
      Piecon.setProgress(count);
    }, 250);
  })();

Или используем готовый вариант.
Вот и всё!Данный хак работает не только на DLE, но и на других сайтах
После того как создали скрипт-подключаем его к сайту-просто в main.tpl прописываете (в тегах head
<script type="text/javascript" src="ПУТЬ К ВАШЕМУ favicon.js"></script>
и после ставите(опять же между тегами head

<script>
(function(){
var count = 0;
Piecon.setOptions({fallback: 'force'});
var i = setInterval(function(){
if (++count > 100) { Piecon.reset(); clearInterval(i); return false; }
Piecon.setProgress(count);
}, 250);
})();
</script>