|
|
<!-- hide
function statbar(txt)
{
window.status
= txt;
}
// -->
</script>
</head>
<body>
<form>
<input type="button"
name="look" value="Изпиши!"
onClick="statbar('Виж stаtusbar-a!');">
<input type="button"
name="erase" value="Изтрии!"
onClick="statbar('');">
</form>
</body>
</html>
А ето и резултата:
Натискайки бутоните, пишете
и съответно изтривате statusbar-a!
Тук триенето пак е изписване
, но на празен стринг-''!
Сигурно вече сте забелязали,
че когато курсорът на мишката е над хипервръзка, в statusbar-a се изписва
мястото, към което сочи тази хипервръзка. Понеже знаете как се изписва
текст в statusbar-a, може да направите така, че когато курсорът е над хипервръзка
в stаtusbar-a да се появи дефиниран от вас текст: come
Това се постига с:
<a href="some.html"
onMouseOver="window.status='Не
ме щраквай!'; return true;"
onMouseOut="window.status='';">come</a>
Чрез метода onMouseOver,
както вече знаете се прихваща събитието- курсорът е над хипервръзката
и тогава се изпълнява window.status='Не ме щраквай!' т.е. изписване
на този текст в statusbar-a. Особеното тук е реда: return true. Ако
не е той браузъра ще изпише вашият текст, след което веднага ще го замени
със стандартния-адреса на мястото, към което сочи хипервръзката и по-този
начин вашият текст напрактика ще бъде нечитаем.
Ще видите един интересен пример, при които текста не само се изписва в
statusbar-a, но и се движи. За да разберете как става това, първо трябва
да се запознаете с метода setTimeout() на обекта window:
Пример
6.1 |
<html>
<head>
<script language="JavaScript">
<!-- hide
function timer() {
setTimeout("alert('Времето
свърши!')", 3000);
}
// -->
</script>
<form>
<input type="button"
value="Timer" onClick="timer()">
</form>
</body>
</html> |
|
Натисни
отгоре и виж! |
 |
Три секунди след натискане
на бутона "tImer" на екрана се появява съобщение в alert-прозорец. Метода
setTimeout() има два аргумента в случая alert('Времето свърши!')
и 3000. Първият аргумент указва какво действие ще се извърши,
а втрорият кога ще се извърши в случая след 3 секунди(3000 milliseconds
= 3 секунди)
А сега ето и примера с
движещия се текст в statusbar-a:
Пример
6.2 |
<html>
<head>
<script language="JavaScript">
<!-- hide
// текста който ще се появи
в statusbar-a
var scrtxt = "Aз
се движа в statusbar-а! " +
"Aз
се движа в statusbar-а! " +
"Aз
се движа в statusbar-а!";
var length = scrtxt.length;
var width = 100;
var pos = -(width + 2);
function scroll() {
//показва текста
в дясна позиция и //определя времето за показване
// преметваме с
1 позиция напред
pos++;
// изчислява
текста който ще се покаже
var scroller =
"";
if (pos == length)
{
pos
= -(width + 2);
}
//ако текста не
е достигнал лявата //страна трябва да прибавим интервали //иначе трябва
да махнем част от текста //който вече е "минал" лявата граница
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);
}
// присвояваме стоиност
на statusbar-a
window.status =
scroller;
// извиква функцията
след 100 //milliseconds
setTimeout("scroll()",
100);
}
// -->
</script>
</head>
<body onLoad="scroll()">
Your HTML-page goes here.
</body>
</html>
|
|
Натисни
отгоре и виж! |
 |
Поставил съм коментари
в примера, но ако не |
|