NetPlusMédia

Mettre une notification dans le favicon

Retour

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

 

Ce programme fonctionne avec la librairie Jquery

index.html

  1. <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN'
  2. 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
  3. <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='fr' lang='fr'>
  4. <title>Mettre une notification dans le favicon</title>
  5. <meta http-equiv='content-type' content='text/html; charset=iso-8859-1'/>
  6.  
  7.  
  8. <!-- Style CSS -->
  9.  
  10.  
  11.  
  12. </head>
  13.  
  14.  
  15. Regardez le favicon en haut &agrave; gauche de votre navigateur
  16.  
  17.  
  18. <!-- Javascript -->
  19. <script language='Javascript' type='text/javascript'
  20. src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
  21. <script language='Javascript' type='text/javascript'
  22. src='tinycon.js'></script>
  23. <script language='Javascript' type='text/javascript'
  24. src='code.js'></script>
  25.  
  26. </body>
  27. </html>

code.js

  1. (function(){
  2.  
  3. var count = 0;
  4.  
  5. setInterval(function(){
  6.  
  7. ++count;
  8. Tinycon.setBubble(count);
  9.  
  10. }, 1000);
  11.  
  12. })();

Démonstration

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

Laissez-nous un commentaire


Votre pseudo/nom/prénom :
Votre commentaire :
Plan du site - Contact - Google+ - FaceBook - Twitter