Как и многие программы, высвечивают свое окно на панели задач/док-панели, чтобы предупредить пользователя о необходимости переключиться на программу,
Можно ли прошить окно Браузера с помощью Javascript? (Скрипты только для FireFox также приветствуются)
Это полезно для веб-чата/форума/программного обеспечения на основе сообщества, где происходит много действий в реальном времени.
@Hexagon Theory: зачем вообще переписывать весь элемент заголовка только для того, чтобы изменить значение одного элемента в заголовке? Ваше решение ужасно неэффективно на нескольких уровнях.
<html>
<head>
<link rel="icon" href="on.png" type="image/png" id="changeMe" />
<script type="text/javascript" src="flash.js"></script>
</head>
<body>
</body>
</html>
flash.js:
function Flasher(speed) {
var elem = document.getElementById('changeMe');
this.timer = setTimeout(function() {
elem.href = elem.href == 'on.png' ? 'off.png' : 'on.png';
}, speed);
this.stop = function() { clearTimeout(this.timer); }
}
/* sample usage
*
* var flasher = new Flasher(1000);
* flasher.stop();
*/
На самом деле это не обязательно должен быть класс, но он помогает поддерживать чистоту глобального пространства имен. Это не проверено, но если простое изменение href по какой-то причине не работает, клонируйте узел ссылки, измените href и замените старую ссылку клонированной.
На данный момент кажется, что только появление всплывающего диалогового окна с предупреждением помогает... это кажется мне слишком навязчивым, особенно с учетом того, для чего вы пытаетесь его использовать. Однако вместо того, чтобы заставлять его мигать, вы можете изменить document.title, чтобы привлечь внимание пользователя, либо добавив какой-либо сигнал (например, строку «NEW!») к имени сайта, а затем используя интервал, чтобы постоянно менять его на "", что создаст приятную иллюзию "мигания".
Пример голых костей:
<html>
<head>
<title>Chat System</title>
<script>
var timer, old_t = document.title, blink_amount = 5, cur_b = 0;
function notify()
{
cur_b = 0;
timer = setInterval(function()
{
if (cur_b < blink_amount * 2)
{
cur_b++;
document.title = (document.title.indexOf('NEW! ') != -1) ? old_t : 'NEW! ' + old_t;
}
else
{
clearInterval(timer);
}
}, 600);
}
notify();
// From here, it's just a matter of calling the
// notify() function whenever you detect a new message.
</script>
</head>
<body>
</body>
</html>
Эй, еще одно интересное решение этого вопроса пришло мне в голову только что. Почему бы не по-настоящему привлечь внимание пользователя, заставив значок мигать в его браузере? Например, вы можете создать два значка (on.png и off.png в моем примере ниже) и многократно менять их местами, чтобы привлечь внимание пользователя. Ниже приведена базовая реализация; имейте в виду, что вам потребуется ссылаться на этот сценарий удаленно или поместить его в тело страницы, поскольку он использует метод, который многократно заменяет содержимое тега <head> . Однако попробуйте; Мне больше нравится его простота.
страница.html:
<html>
<head>
<link rel="icon" href="on.png" type="image/png" />
<script type="text/javascript" src="flash.js"></script>
</head>
<body>
</body>
</html>
flash.js:
var timer, speed = 175;
function flash()
{
head_html = document.getElementsByTagName('head')[0].innerHTML;
if (head_html.indexOf('href="on.png"') != -1)
document.getElementsByTagName('head')[0].innerHTML = head_html.replace('on.png', 'off.png');
else
document.getElementsByTagName('head')[0].innerHTML = head_html.replace('off.png', 'on.png');
timer = setTimeout('flash()', speed);
}
function kill_flash() {clearTimeout(timer);}
flash();
Я только что обнаружил window.getAttention() для Firefox, но он работает только при аддон называет это.
Window.Focus() должен делать это в Windows, но не уверен на других платформах. Вы можете обнаружить, что это выводит окно на передний план, если оно свернуто, что очень раздражает :)
