[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Бегущая строка в заголовке браузера
бУРов
Подскажите, есть такая возможность в HTML - чтобы строка заголовка в браузере была бегущей? Или может еще какие возможности для строки заголовка.
Если не в HTML, то может по другому как сделать возможно?



Спустя 6 минут, 21 секунда (9.08.2010 - 14:39) Michael написал(а):
На JavaScript делается легко.

Хотя конечно бегать строки могут по разному.

Спустя 6 минут, 2 секунды (9.08.2010 - 14:45) Lenarfate написал(а):

Спустя 6 минут, 23 секунды (9.08.2010 - 14:51) Basili4 написал(а):
Lenarfate
Дык ТС нужно в заголовке бравзера. Я думаю это можно реализовать хотя не могу понять для чего в любом случае это лишние тормоза. А эффекта 0.

Спустя 51 секунда (9.08.2010 - 14:52) Michael написал(а):
Lenarfate, по твоей ссылке код малость устаревший, если не сказать подгулявший. smile.gif

Спустя 1 минута, 32 секунды (9.08.2010 - 14:53) Lenarfate написал(а):
да, но гугл еще никого не банил)

Спустя 36 минут, 12 секунд (9.08.2010 - 15:30) бУРов написал(а):
Цитата (Basili4 @ 9.08.2010 - 11:51)
Lenarfate
Дык ТС нужно в заголовке бравзера. Я думаю это можно реализовать хотя не могу понять для чего в любом случае это лишние тормоза. А эффекта 0.

Мне показалось странным, что строка прокрутки может менять цвет, что-то можно сделать со строкой состояния, а вот с заголовком браузера ничего... ((

Спустя 41 минута, 17 секунд (9.08.2010 - 16:11) Michael написал(а):
А, точно, именно в заголовке браузера. Никак. Надеюсь.

Спустя 1 час, 3 минуты, 30 секунд (9.08.2010 - 17:14) бУРов написал(а):
Точно. Очень жаль.

Спустя 1 час, 37 минут, 54 секунды (9.08.2010 - 18:52) sergeiss написал(а):
А чего "жаль", я не понял? Делается очень элементарно smile.gif

Для примера, чтобы заработала программерская мысль wink.gif (как программно изменить заголовок окна):
<input type="text" name="tit" id="tit" />
<input
type="button" onclick="document.title=document.getElementById('tit').value;" />

А дальше всё просто. Надо сделать функцию, которая будет работать со строкой, которая содержит текст для бегущей строки. Вызывать её по таймеру. И просто "тупо" выводить новую строку.

Например.
Есть длинная строка, 100 знаков. На каждом шаге сначала берём букву из начала и ставим её в конец заголовка. После чего выводим в заголовок первые 20 букв строки. Вот и получили бегущую строку длиной 20 знаков, состоящую реально из 100 знаков.

По-моему, проще просто некуда...

Спустя 11 часов, 51 минута, 23 секунды (10.08.2010 - 06:44) Michael написал(а):
Это надо смотреть как на практике будет. Получается бегущая строка в текстовом режиме.
Я так понимаю хвостик с названием браузера надо зафиксировать, чтобы он не дергался, а строка не скакала при перерисовке. Вот только шрифт в заголовке браузера моноширинной ли? В хроме вообще мало места под заголовок.

Хотя если ТС сделает можно было бы посмотреть как вышло.

Спустя 1 час, 31 минута, 20 секунд (10.08.2010 - 08:15) sergeiss написал(а):
Цитата (Michael @ 10.08.2010 - 07:44)
Получается бегущая строка в текстовом режиме.

Ну да, вобщем-то. А как еще по-другому?

Спустя 3 часа, 40 минут, 36 секунд (10.08.2010 - 11:56) бУРов написал(а):
Цитата (Michael @ 10.08.2010 - 03:44)
Это надо смотреть как на практике будет. Получается бегущая строка в текстовом режиме.
Я так понимаю хвостик с названием браузера надо зафиксировать, чтобы он не дергался, а строка не скакала при перерисовке. Вот только шрифт в заголовке браузера моноширинной ли? В хроме вообще мало места под заголовок.

Хотя если ТС сделает можно было бы посмотреть как вышло.

Название браузера не обязательно.

Спустя 1 час, 50 минут, 26 секунд (10.08.2010 - 13:46) Michael написал(а):
Цитата (бУРов)
Название браузера не обязательно.

что не обязательно? Думаешь браузер тебя спросит добавить ли его название? laugh.gif

А я бегу, бегу, бегу и мы бежим ...

Спустя 1 час, 49 секунд (10.08.2010 - 14:47) FatCat написал(а):
Насколько мне известно, содержимое контейнера <title> доступно джаваскрипту только для чтения, динамических изменений этого объекта не предусмотрено.
Что касается любых объектов внутри контейнера <body>, то они доступны различными способами; я предпочитаю забирать в <div id="уникальное_имя"> и методом innerHTML менять хоть по действиям пользователя, хоть по таймеру. Когда-то давно писал скрипт, выводящий текст по 3-4 буквы в секунду словно он печатается на печатной машинке, очень прикольно смотрелся.

Спустя 14 минут, 54 секунды (10.08.2010 - 15:02) sergeiss написал(а):
Цитата (FatCat @ 10.08.2010 - 15:47)
Насколько мне известно, содержимое контейнера <title> доступно джаваскрипту только для чтения, динамических изменений этого объекта не предусмотрено.

Приведенный мной ранее (в этой теме) код я проверил в Опере и ИЕ8. Очень даже работает всё хорошо. Нажал кнопку - изменил тайтл на текст из инпута.

Спустя 10 минут, 11 секунд (10.08.2010 - 15:12) Michael написал(а):
ну, ждем значит реализации от ТС. smile.gif Полюбуемся.

Спустя 2 дня, 7 часов, 57 минут, 14 секунд (12.08.2010 - 23:09) бУРов написал(а):
Цитата (sergeiss @ 10.08.2010 - 16:02)
Приведенный мной ранее (в этой теме) код я проверил в Опере и ИЕ8. Очень даже работает всё хорошо. Нажал кнопку - изменил тайтл на текст из инпута.

А у меня не работает. Проверял в Опера последней версии.

Спустя 8 часов, 59 минут, 11 секунд (13.08.2010 - 08:08) sergeiss написал(а):
бУРов - может и глупый вопрос - а JS включен?

И второе - покажи все-таки код, который именно ты использовал.

Спустя 41 минута, 56 секунд (13.08.2010 - 08:50) Michael написал(а):
Только что опера обновилась до 10.61. Все прекрасно работает. В остальных браузерах также работает.
Проверь у себя на такой страничке:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<title>
mydocument</title>
<meta
http-equiv="Content-Type" content="text/html; charset=utf-8">


<style
type="text/css">

</style>

</head>

<body
onclick="xxx();" >
<div
style="height:2000px; width:1000px; background-color:yellow;"></div>
<script
language="javascript">
function
xxx(){
document.title = document.title + 's';
}

</script>
</body>
</html>


щелкай мышкой по страничке - титл меняется.

Спустя 4 часа, 13 минут, 32 секунды (13.08.2010 - 13:04) бУРов написал(а):
Цитата (sergeiss @ 13.08.2010 - 09:08)
бУРов - может и глупый вопрос - а JS включен?
И второе - покажи все-таки код, который именно ты использовал.

Хм... Сегодня все работает.

Спустя 1 минута, 7 секунд (13.08.2010 - 13:05) Basili4 написал(а):
бУРов
Фаза луны наверное smile.gif

Спустя 2 минуты, 4 секунды (13.08.2010 - 13:07) Гость_Michael написал(а):
Цитата (Basili4)
Фаза луны наверное

не забываем, что сегодня пятница 13-еееее ohmy.gif ohmy.gif ohmy.gif

Свернутый текст
user posted image

Спустя 2 часа, 55 минут, 21 секунда (13.08.2010 - 16:02) FatCat написал(а):
Цитата (sergeiss @ 10.08.2010 - 16:02)
Очень даже работает всё хорошо.

Ага. Проверил, работает.
Офигеть... Вот и верь после этого мануалам...

Спустя 10 часов, 19 минут, 31 секунда (14.08.2010 - 02:22) бУРов написал(а):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
Бегущая строка</title>
<META
HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
</head>
<body>

<script
type="text/javascript" language="JavaScript">
var
TitLen = document.title.length;
timerID = self.setInterval("ShiftStr()",1000);
function ShiftStr() {
var First = document.title.slice(0, 1)
document.title = document.title.slice(1, TitLen) + First;
}
</script>

</body>
</html>
Здесь плохо, что съедаются пробелы в тексте. И нужно, чтобы конец строки и начало не слипались.

Спустя 2 дня, 7 часов, 26 минут, 37 секунд (16.08.2010 - 09:48) sergeiss написал(а):
Сделал вот так:
<script type="text/javascript" language="JavaScript">
timerID = self.setInterval("ShiftStr()",1000);
document.title=' Бегущая строка ';
function ShiftStr()
{
document.title = document.title.slice(1, 1000) + document.title.slice(0,1);
}
</script>

В Опере вообще всё идеально (если не считать неравномерного движения там, где идут подряд несколько пробелов), а ИЕ8 "кушает" все пробелы blink.gif. Даже не знаю, что и сказать.

Спустя 6 часов, 50 минут, 45 секунд (16.08.2010 - 16:39) Evilsoul написал(а):
Попробуйте пробел писать так: &nbsp.

Протестируйте меня:
После меня 1 пробел <br>
После меня 3 пробела&nbsp&nbsp <br>
После меня 5 пробелов&nbsp&nbsp&nbsp&nbsp <br>
А после меня 10&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <br>

Спустя 39 минут, 10 секунд (16.08.2010 - 17:18) sergeiss написал(а):
Цитата (Evilsoul @ 16.08.2010 - 17:39)
Попробуйте пробел писать так: &nbsp.

Хм... Прописал так:
<title> Бегущая       строка   </title>

Помогло!!! В ИЕ8 всё вообще изумительно работает. Все пробелы качественно обрабатываются. Получаем реальную бегущую строку.
А в Опере то же самое, что и с простыми пробелами (т.е. как раньше было). То есть, все пробелы "пропускаются" (визуально), текст перескакивает на начало следующего после пробелов слова. И ждет ровно столько интервалов времени, сколько имеется пробелов.

Evilsoul - от меня +1 smile.gif

А для кроссбраузерности... Лучше, наверное, заменить все пробелы на подчёркивания. На восприятии это мало скажется, текст будет хорошо читаем. Но зато в любых браузерах будет одинаково работать.

Или еще идеи есть полезные?

Спустя 2 часа, 22 минуты, 1 секунда (16.08.2010 - 19:40) бУРов написал(а):
Если работать сначала над переменной, а в конце присвоение сделать, то работает правильно. Только впереди еще пробел, а не позади нужно вставлять.
Когда выводится пробел, ощутимое торможение sad.gif
<script type="text/javascript" language="JavaScript">
timerID = self.setInterval("ShiftStr()",500);
var TitStr = ' Бегущая строка';
document.title = TitStr;
function ShiftStr() {
TitStr = TitStr.slice(1, TitStr.length) + TitStr.slice(0, 1)
document.title = TitStr;
}
</script>
В общем - удовлетворительно, пойдет. Дальше хотелось бы чтоб скролинг был по всей длине заголовка. Т.е. будут бежать несколько строк, если строка короче всей длины.

Спустя 8 дней, 18 часов, 1 минута, 20 секунд (25.08.2010 - 13:42) Evilsoul написал(а):
Цитата (sergeiss @ 16.08.2010 - 14:18)
Evilsoul - от меня +1 smile.gif

Спасибо )

Хмм, точно в опере не работает, обидно, раньше работало.

Можно ещё так попробовать &#16O; - вроди работает, последний знак O заменить на ноль.

Цитата
Или еще идеи есть полезные?


А вообще не знаю как там с ява, но в HTML есть тэг <marquee></marquee> с множеством параметров и с оперой работает.

Спустя 7 дней, 10 часов, 28 минут, 12 секунд (3.09.2010 - 00:10) Arthur написал(а):
[size=10][/size][color=red][/color]

ЕСТЬ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Бегущая строка

Данный тег может не работать в Нетскэйпе. Вместо чудных бегущих буковок, на экране Вы увидите лишь уродливый обрывок текста, неизвестно отчего торчащий в одной половине окна. Для создания бегущей строки в IE напишите в исходняке следующее: <marquee>Текст </marquee>

Оформить строку можно следующим образом:

<marquee behavior="alternate" bgcolor="yellow" scrolldelay="145" width="50%">< font size="5" color="red">Текст бегущей строки. </font></marquee>



behavior="alternate" -команда заставляющая строку болтаться туда-сюда. По умолчанию данной команды, строка ползет справа налево. BGCOLOR -цвет фона. Все что касается цвета см. здесь Scrolldelay - скорость перемещения. Width - длина бегущей строки (необязательно в процентах).

Спустя 8 часов, 35 минут, 30 секунд (3.09.2010 - 08:45) sergeiss написал(а):
Arthur - вообще-то, речь идет не о тексте на странице, а о заголовке страницы. Разницу видишь между ними?

Спустя 2 часа, 11 минут, 52 секунды (3.09.2010 - 10:57) Evilsoul написал(а):
sergeiss <marquee> - можно встраивать куда угодно, будь то тайтл или нижняя системная панель, работает везде и со всеми браузерами.
Видел? я тебе там написал (парой сообщений выше) код пробела а не его имя, работает в опере.

Спустя 56 минут, 4 секунды (3.09.2010 - 11:53) sergeiss написал(а):
Цитата (Evilsoul @ 3.09.2010 - 11:57)
<marquee> - можно встраивать куда угодно, будь то тайтл или нижняя системная панель, работает везде и со всеми браузерами


Evilsoul - то есть, ты хочешь сказать, что <marquee> можно встроить в тайтл страницы и он станет бегущим? Полноценый работающий код в студию, плз!
У меня такое не получалось ранее, не получается и сейчас.

Спустя 22 минуты, 43 секунды (3.09.2010 - 12:16) Evilsoul написал(а):
sergeiss Прошу прощения, не хочет в тайтле работать, лет семь назад работало ), но пробелы пашут, как кони):
используем пробелы         во сколько их

Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.