JavaScript

Сведения о системе
Часы
Эквалайзер
Текст в поле формы
Цветной фон
Goodbye окно
MultiLink
Размер окна
MultiLink-II

DHTML


Книги

English | Главная


Полезные ссылки:






Текст в поле статуса и в поле формы | Описание

Если Вы хотите использовать любой из наших примеров, поставьте на нас ссылку.
Здесь Вы можете взять готовый HTML-код для такой ссылки.

<html>
<head>
<title>www.redmount.com - JavaScript - Текст в поле статуса и в поле формы</title>
<script language=javascript>
var formstart=0;
var statstart=0;
  function statusmessageobject(p,d)
  {
    this.msg = message;
    this.out = " ";
    this.pos = position;
    this.delay = delay;
    this.i     = 0;
    this.reset = clearmessage;
  }

  function clearmessage()
  {
    this.pos = position;
  }
var position = 100;
var delay    = 40;
var message  = "Welcome to REDMOUNT http://www.redmount.com";
var scroll = new statusmessageobject();
function scroller()
{
   statstart++;
   for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++)
   {
     scroll.out += " ";
   }
   if (scroll.pos >= 0)
     scroll.out += scroll.msg;
   else
     scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length);
   window.status = scroll.out;
   scroll.out = " ";
   scroll.pos--;
   if (scroll.pos < -(scroll.msg.length))
   {
      scroll.reset();
   }
   setTimeout ('scroller()',scroll.delay);
}
</script>

<script language="JavaScript">
var line="Welcome to Redmount http://www.redmount.com  ";
var speed=150;
var i=0;
function f_line()
{
  formstart++;
  if(i++<line.length)
  {
    document.cit.forum.value=line.substring(0,i);
  }
  else
  {
    document.cit.forum.value=" ";
    i=0;
  }
  setTimeout('f_line()',speed);
}
</script>

</head>
<body bgcolor="White" leftmargin=30 marginwidth=30><br>

<form name=cit>
  <input type=text size=45 name=forum>
  <br><br><br>
  <input name=sline type=button value="Текст в поле статуса" onClick="if(statstart==0) scroller()">
  <input name=fline type=button value="Текст в поле формы" onClick="if(formstart==0) f_line()">
</form>

</body>
</html>