Mettre une notification dans le favicon

Sources : https://github.com/tommoor/tinycon

Ce programme fonctionne avec la librairie Jquery

index.html

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN'
 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='fr' lang='fr'>
<head>
<title>Mettre une notification dans le favicon</title>
<meta http-equiv='content-type' content='text/html; charset=iso-8859-1'/>
 
 
<!-- Style CSS -->
 
 
 
</head>
<body>
 
 
Regardez le favicon en haut &agrave; gauche de votre navigateur
 
 
<!-- Javascript -->
<script language='Javascript' type='text/javascript'
 src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
<script language='Javascript' type='text/javascript'
 src='tinycon.js'></script>
<script language='Javascript' type='text/javascript'
 src='code.js'></script>
 
</body>
</html>

Télécharger le fichier

tinycon.js

Télécharger le fichier

code.js

(function(){
 
 var count = 0;
 
 setInterval(function(){
 
 ++count;
 Tinycon.setBubble(count);
 
 }, 1000);
 
})();

Démonstration

Mettre une notification dans le favicon Regardez le favicon en haut à gauche de votre navigateur