Динамическое изменение favicon сайта в браузере
Code (HTML) : Убрать нумерацию
- <html>
- <head>
- <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
- <head>
- <body>
- ...
- </body>
- </html>
Code (JavaScript) : Убрать нумерацию
- <script type="text/javascript">
- // Ссылка на файл новой иконки
- var icon='new_favicon.ico';
- var head = document.getElementsByTagName('head')[0];
- // Найти и удалить старую иконку из тега HEAD
- var links = head.getElementsByTagName('link');
- for (var i = 0; i < links.length; i++) {
- var lnk = links[i];
- if (lnk.rel=='shortcut icon') {
- head.removeChild(lnk);
- }
- }
- // Добавить новую иконку
- var link = document.createElement('link');
- link.setAttribute('href',icon);
- link.setAttribute('type','image/x-icon');
- link.setAttribute('rel','shortcut icon');
- head.appendChild(link);
- </script>
Просмотров: 10709 | Комментариев: 14
Внимание! Статья опубликована больше года назад, информация могла устареть!
Комментарии
Отзывы посетителей сайта о статье
Leka
(12.01.2016 в 17:38):
В IE 11 не работает(
ManHunter
(28.10.2014 в 10:59):
А вариант, что это просто никому не интересно, не рассматривался?
Dogica
(27.10.2014 в 19:24):
решения нет?
или очень сложно?
или очень сложно?
Dogica
(25.10.2014 в 19:53):
Ну и сразу уже по дороге..
Хочется скажем дать пользователю набор из 10 иконок
При каждом нажатии на кнопу чтобы менялась на следующую..
Возможно ли такое?
Понимаю что нужно определить VAR для каждой иконки в предложенной вами функции.. ну а дальше что делать? : )
-----------------------------------------
Буду очень благодарен за советы и помощь
Вот мой сайт: [del]
Хочется скажем дать пользователю набор из 10 иконок
При каждом нажатии на кнопу чтобы менялась на следующую..
Возможно ли такое?
Понимаю что нужно определить VAR для каждой иконки в предложенной вами функции.. ну а дальше что делать? : )
-----------------------------------------
Буду очень благодарен за советы и помощь
Вот мой сайт: [del]
Dogica
(25.10.2014 в 19:37):
Привет!
Простите конечно.. дилетантский вопрос
Как вызвать эту функцию в HTML коде странички?
Кнопку хочу сделать для пользователей
при нажатии на которую меняется Фавикон
Простите конечно.. дилетантский вопрос
Как вызвать эту функцию в HTML коде странички?
Кнопку хочу сделать для пользователей
при нажатии на которую меняется Фавикон
ManHunter
(16.10.2014 в 15:02):
Разве IE еще не сдох?
Артемий
(16.10.2014 в 14:54):
В IE8 не меняется иконка
NorTan
(01.06.2014 в 23:27):
По прежнему натыкаюсь на твой блог в своих поисках. Каждый раз все чаще и чаще, чему очень рад!
ManHunter
(25.04.2014 в 09:09):
Там иконка рисуется через canvas, но в браузере меняется по такому же принципу.
Игорь
(25.04.2014 в 06:10):
использую плагин для уведомления пользователей о появлении новых личных сообщений: http://oodavid.com/jQueryFaviconNotifier/
ManHunter
(24.04.2014 в 23:48):
Зачем? Камуфляж включен только на рабочем компе.
voila
(24.04.2014 в 21:55):
Ну, тогда проще все значки местопребывания своего Арго разом поменять на добро-корпо тогда уж)
ManHunter
(24.04.2014 в 20:33):
Ну вот тебе практическое применение: при включенной настройке "камуфляж" этот сайт при потере фокуса страницы меняет заголовок на гугл и иконку на гугловскую. И когда кто-то заглядывает через плечо в экран, то видит рабочую вкладку, где я занимаюсь делом и рядом вкладку гугла. И больше ничего подозрительного. При возврате фокуса на страницу заголовок и иконка меняются обратно.
voila
(24.04.2014 в 20:26):
Признаться, действительно серьезного практического применения этой забавной штуке, кроме как поиграться, лично я не в силах придумать, ага. Но спасибо, поигралсо)
Добавить комментарий
Заполните форму для добавления комментария
Материалы, опубликованные на этом сайте, не рекомендуются к просмотру лицам в возрасте до 16 лет без присутствия взрослых.
Вам помог этот сайт?
Поблагодарили 34,326 раз
Поблагодарили 34,326 раз
Буду очень благодарен, если размеcтите мою кнопочку:
 |
Яндекс ИКС: 380 |
 |
 |