Обратите внимание на предыдущую строку -
 в таге BODY стоит запуск сразу двух скриптов.

А здесь просто текст

А здесь форма, в поле которой и выводится бегущая строка
Еще одна бегущая строка Запуск этого скрипта Скрипт, захлопывающий окошко через 3 секунды Советы вебмастеров Reksoft Ltd - JavaScript Original of this document is here ║ http://www.reksoft.ru/htmlkoi/abprofjava.html
Текст в статусной строке

Вы можете использовать статусную строку, как дополнительное средство передачи информации. К тому же неудобочитаемые ссылки типа "Shortcut to ref_m_q.html#navigator_object" в статусной строке, на мой взгляд, не имеют никакого смысла для посетителя Web-сайта.

Пример: проведите курсором мыши над ссылкой "Новости":

Новости

Текст в статусной строке появляется при передвижении мыши над гипертекстовой ссылкой, будь то просто подчеркнутый текст, или картинка. По умолчанию броузер показывает в статусной строке конечный пункт, на который указывает данная ссылка.

Поместить СВОЙ текст в статусную строку очень просто. Для этого необходимо сделать следующее: Скопируйте приведенный ниже текст и поместите его в Ваш HTML-документ между тегами

<HEAD> </HEAD>

Текст программы:

<!----- JavaScript - Text in the status bar ---> <script language="JavaScript"> <!-- Hide function moveover(txt) { window.status = txt; setTimeout("erase()",2000); } function erase() { window.status=""; } // --> </script>

Затем в нужной Вам ссылке поместите после A HREF="┘" определенную выше функцию moveover, которая выполняется при событии onMouseOver (при передвижении кусора мыши над ссылкой), например:

<A HREF ="" onMouseOver="moveover('Новости');return true">Новости</A> Теперь при передвижении курсора над Вашей ссылкой , в статусной строке будет появляться текст, какой хотите Вы, а не Ваш броузер!

Note: Промежуток времени, после которого текст исчезает, можно отрегулировать, меняя величину задержки (в миллисекундах) в операторе setTimeout . Например, число 2000 означает, что Ваш текст, появившись, исчезнет через 2 секунды.

setTimeout("erase()",2000)

Возврат в начало раздела Возврат в начало страницы Советом поделился Камаев Владимир



Скроллер в статусной строке

Вы также можете использовать статусную строку, чтобы поместить туда скроллер - движущийся текст.

Пример: проведите курсором мыши над ссылкой "Scroller":

Scroller

Скопируйте приведенный ниже текст и поместите его в Ваш HTML-документ между тегами

<HEAD> </HEAD>

Текст программы:

<script language="JavaScript"> <!-- hide var scrtxt="Добро пожаловать на нашу страницу!"; var lentxt=scrtxt.length; var width=100; var pos=1-width; function scroll() { pos++; var scroller=""; if (pos==lentxt) { pos=1-width; } if (pos<0) { for (var i=1; i<=Math.abs(pos); i++) { scroller=scroller+" ";} scroller=scroller+scrtxt.substring(0,width-i+1); } else { scroller=scroller+scrtxt.substring(pos,width+pos); } window.status = scroller; setTimeout("scroll()",150); } //--> </script>

Текст для скроллинга в данном примере помещается в строку:

var scrtxt="Добро пожаловать на нашу страницу!"; Затем в нужной Вам ссылке поместите после A HREF="┘" определенную выше функцию scroll(), она выполняетс при событии onMouseOver (при передвижении кусора мыши над ссылкой), например: <A HREF ="" onMouseOver="scroll();return true">Scroller</A><

Note: Запуск скроллера можно осуществлять автоматически при загрузке страницы. Для этого функцию scroll() надо поместить в теге <BODY> и запускать ее при событии "onLoad":

<body onLoad="scroll();return true;"> Советом поделился Камаев Владимир

Универсальный "Back" и подмена кнопки

Приходилось ли Вам сталкиваться с ситуацией, когда вы имеете один документ, на который Вы великое множество раз ссылаетесь из совершенно неожиданных закоулков своего сайта? Если да, то Вы, наверное, заметили, что на этом пресловутом документе (ну например, у нас это "Copyright"(кстати, вот вам и неожиданная ссылка) проблематично сделать ссылку типа "Вернуться назад". А куда, собственно, возвращаться? Ведь неизвестно, откуда ты пришел...

Чтобы создать переход назад, имитируя кнопку "Back" броузера, и заодно заменить, казалось бы, неизбежную противную серую форменную кнопку, на свою (конечно, замечательную и гениальную) картинку, нужно сделать следующее:

Между тегами :

<HEAD></HEAD>

Вставьте:

<SCRIPT LANGUAGE = "JavaScript"> function uniback(){ parent.history.back() } </SCRIPT>

В том месте, где необходимо поместить картинку, вставьте (используя, естественно, свой Image) :

<A HREF ="JavaScript: uniback()" onMouseOver="top.window.status='Назад'; return true"> <IMG SRC="../imgcommon/gohomelf.gif" BORDER=0></A>

Вот, например, эта кнопка не простo, а именно та parent.history.back().


Если Вы нашли ошибки в приведенных скриптах, или у Вас есть свои оригинальные идеи, присылайте свои комментарии(см. E-Mail внизу).

Советом поделился Камаев Владимир

Contact webmaster@reksoft.ru with questions or problems with this page.
 

        

Печатаем версию навигатора


Java и русская буква "я" В исполняемых инструкциях JavaScript не должно быть не только маленькой буквы "я", но и маленькой буквы "п", большой буквы "О", а так же символа конца абзаца. Известно, что "я" маленькое и символ конца абзаца Java понимает как управляющие символы. "я" маленькое в кодировке Windows == 255 == -1 == EOF со всеми вытекающими последствиями. "п" и "О" возникают по следующим причинам - они конвертированные двойники "я", "п" и могут выскочить при использовании других кодировок (после перекодировки). Совершенно стандартной является ситуация в Виндоуз, когда вы считываете текст в одной кодировке, находясь в другой, происходит экранная конвертация. В этой ситуации, если в инструкциях ONMOUSEOVER присутствует "п" в кодировке "виндоуз", то при экранной конвертации в "исо" она вызовет ошибки. От интерпретации кода 255 можно прикрыться: unescape('%ff') - См. http://home.netscape.com ║ http://home.netscape.com/eng/mozilla/3.0/handbook/javascript/ref_t-z.htm#66677 Ссылка на которую переходят автоматически Достаточно навести на эту ссылку мышь, и броузер пойдет по линку - без клика.