Clignotant document.title et IE7 (pas moyen?)

Question

Je développe un site Web et je dois laisser le titre du document clignoter lorsque le navigateur a perdu le focus pour attirer l'attention de l'utilisateur.

Ceci est une tâche courante par exemple dans un réseau social. Btw mon code javascript fonctionne très bien dans Chrome, Firefox, Opera, mais pas dans IE7 (que je teste avant de libérer le site)

IE7 ont un comportement étrange, car si j'imprime le document.title dans un texte de débogage (vous peut voir dans le code), il est changé mais le navigateur affiche toujours le titre du document précédent

J'essaie de chercher beaucoup sur internet pour essayer de résoudre ce problème mais sans succès donc j'ai décidé de poster la question dans ce site . Voici mon code javascript ci-dessous et merci d'avance pour les suggestions.

la méthode JS est appelée par this.blink (true)

// other methods above and below .... 

this.blink = function(Action) 
{ 
    if (Action) 
    { 
     if (!this.blinking) 
      this.oldTitle=top.document.title; 
     else 
      clearInterval(this.blinkTimer); 

     // debug current title 
     $('debugText').value = 'ORIGINAL ' + top.document.title + '\n' + $('debugHistory').value; 

     this.blinkTimer = setInterval(function() { 

      var msg='MSG', newTitle 

      if (top.document.title == msg) 
       newTitle = '----'; 
      else 
       newTitle = msg; 

      // assign title 
     top.document.title = newTitle; 

      // debug blinking, is really changed but not shown <--- 
      $('debugText').value = 'BLINK ' + top.document.title + '\n' + $('debugHistory').value; 

     }, 1000); 

    } 
    else 
    { 
     clearInterval(this.blinkTimer); 

     if (this.blinking) 
      top.document.title = this.oldTitle; 
    } 

    this.blinking = Action; 
} 

Answer 1

Au lieu de top.document.title essayer top.document.getElementsbyTagName('title')[0] (Cela suppose haut est une certaine forme de cadre ou fenêtre)

Answer 2

Essayez ceci dans IE

this.blink = function (Action) 
{ 
    if (Action) 
    { 

     if (!this.blinking) 
      this.oldTitle=top.document.title; 
     else 
      clearInterval(this.blinkTimer); 


     this.blinkTimer = setInterval(function() { 

      var msg='MSG', newTitle 

      if (top.document.title == msg) 
       newTitle = '----'; 
      else 
       newTitle = msg; 

      // assign title 
     top.document.title = newTitle; 


     }, 1000); 

    } 
    else 
    { 
     clearInterval(this.blinkTimer); 

     if (this.blinking) 
      top.document.title = this.oldTitle; 
    } 

    this.blinking = Action; 
} 
    window.blink('now');​​​​ 

Généralement ce sera un problème que window.onblur etc. ne déclenche pas votre fonction de clignotement. Si ce qui précède fonctionne, vous pouvez utiliser le mouvement de la souris pour suivre le délai.

Answer 3

Si vous utilisez jQuery, j'ai créé un plugin appelé Title Alert dans le but de faire clignoter les messages de notification dans la barre de titre du navigateur. Avec lui, vous pouvez spécifier différentes options comme la durée, l'intervalle de clignotement, si le clignotement devrait s'arrêter quand la fenêtre/onglet est focalisée, etc. J'ai vérifié que le plugin fonctionne dans IE6, IE7, IE8, Firefox, Chrome et Safari.

Voici un exemple sur la façon de l'utiliser:

$.titleAlert("New chat message!", { 
    requireBlur:true, 
    stopOnFocus:true, 
    interval:600 
}); 

Si vous ne l'utilisez jQuery, vous pouvez toujours regarder le source code (il y a quelques bugs bizarres et des cas de pointe que vous besoin de gérer en faisant clignoter le titre si vous voulez soutenir pleinement tous les principaux navigateurs).