Montag, 25. Juli 2011

jQuery Title Alert

Wenn der User einmal den Tab gewechselt hat, aber die eigene Webseite dennoch die Aufmerksam des Nutzers auf sich ziehen will, gibt es recht wenige diskrete Möglichkeiten, dafür sehr viele, die Benutzer mehr nerven als sie ihnen helfen.

Enthält die Webseite beispielsweise eine Chat Funktion, so möchte ein User natürlich informiert sein, wenn er eine neue Nachricht erhält, was er nicht will, sind haufenweise PopUps oder pausenlose “Blongtöne”, die ihn bei seiner Arbeit unterbrechen.

Eine sehr schöne Möglichkeit bietet hierzu jQueryTitleAlert. Es ermöglicht entweder den Seitentitel zu ändern oder einen “blinkenden Wechsel” zwischen der Meldung oder dem eigentlichen Seitentitel zu machen. Hierbei wird der User informiert und dennoch nicht gestört.

Wie funktioniert das ganze nun?

Zunächst einmal muss die jquery.titlealert.js eingebunden werden.

Danach kann man per $titleAlert(“Blinkende Nachricht”); auch schon loslegen. Das ist alles was man braucht um eine Blink-Nachricht abzusetzen. Natürlich geht es auch deutlich individueller!

var newtitle="Nachricht von Peter!";
$.titleAlert(newtitle, {
requireBlur:true,
stopOnFocus:true,
duration:0,
interval:700
});
Hierbei wird sobald man wieder den Tab betritt nur noch der eigentliche Titel angezeigt, das blinken wird unendlich oft gemacht (duration:0) und 700ms ist das blink-Intervall lang. Aktiviert man “requireBlur” wird die Nachricht nur angezeigt, wenn der User gerade einen anderen Tab offen hat.

Den Download gibt's übrigens hier: http://heyman.info/2010/sep/30/jquery-title-alert/

Keine Kommentare:

Kommentar veröffentlichen