JavaScript
Урок  6
   
     
Урок 1        Продължаваме със свойството window.status. Tо 
Урок 2   изпълнява същото действие като defaultstatus. Ето
Урок 3 един пример, който ще потвърди това мое твърдение:
Урок 4 Кода е: 
Урок 5 <html>  
Урок 7 <head> 
Урок 8 <script language="JavaScript">
<!-- 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>

Натисни отгоре и виж!
Пример1
  

Три секунди след натискане на бутона "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> 
 

Натисни отгоре и виж!
Пример2
  
Поставил съм коментари в примера, но ако не 
Урок 1 разбирате всичко не се притеснявайте, просто 
Урок 2 използвайте на готово показания примерa като на
Урок 3 мястото на текста в червено поставете ваш текст.
Урок 4      В следващия урок ще  разгледате три основни за 
Урок 5 JavaScript обекта- date, array и math .
Урок 7  
Урок 8   //Choose View-Encoding:Cyrillic from the menu //