Modifier le titre de l'onglet de votre page web quand elle n'est plus active
  • 18 octobre 2018
  • Steeve

Dans ce tutoriel, beaucoup plus fun que d'habitude, je vous propose de modifier le titre (titre) de l'onglet de votre navigateur quand l'internaute n'est plus sur votre page.

Le but étant d'attirer l'oeil de l'internaute pour le faire revenir sur la page de votre site Internet.

Voici le code Javascript a inséré :

jQuery(document).ready(function( $ ){
    
    // Get page title
      var pageTitle = $("title").text();

    // Change page title on blur
    $(window).on('blur', function() {
        $("title").text('Vous nous manquez !');
    });

    // Change page title back on focus
    $(window).on('focus', function() {
      $("title").text(pageTitle);
    });

});

Vous devez bien sûr avoir la librairie JQuery sur votre site pour que ça fonctionne.

Plus rapide comme tutoriel tu meurs...

Partagez cet article

A propos de l'auteur

Steeve

Passionné d’informatique, de Design, de développement d'application et du Web en général (participation au start-up weekend, hackathon, dev Var, formation Google...), j’ai créé ce site afin de partager mes connaissances sur mon système de gestion de contenu préféré MODX. En espérant participer au développement de la communauté.

Commentaires (0)





Tags autorisés : <b><i><br> Ajouter un nouveau commentaire :