Главная » 2010 » Июнь » 23 » Автопечатание текста в поле, после клика (Javascript)
23.06.2010, 09:11

Автопечатание текста в поле, после клика



Есть поле, в котором вы пишите какой-нибудь текст, например "Кликни, чтобы прочитать новости". После клика по этому полю, в нем автоматически начинают печататься ваши, заранее заданные, новости.

В head вставляем это:

Quote
<!-- HEAD START HERE -->

<!-- DESCRIPTION: This will make a clickable scrolling
banner on your webpage. It closely resembles a news wire
out reading.

INSTRUCTIONS: Place this script in the HEAD tags of
your webpage. Change the text by altering the values in
cc [#] = "Your messages".

FUNCTIONALITY: Works in both Netscape & IE.
-->

<SCRIPT LANGUAGE="JavaScript">
var speed = 90
var pause = 1000

var timerID = null
var wireRunning = false

var cc = new Array()

cc[0] = "Спасибо, что посетили infoscript.ru"
cc[1] = "Большая коллекция скриптов"
cc[2] = "PHP, Javascript, uCoz"
cc[3] = "Шаблоны uCoz, DLE"

var currentMessage = 0

var offset = 0

function stopWire() {
if (wireRunning)

clearTimeout(timerID)

wireRunning = false
}

function startWire() {
stopWire()

showWire()
}

function showWire() {
var text = cc[currentMessage]

if (offset < text.length) {
if (text.charAt(offset) == " ")
offset++

var partialMessage = text.substring(0, offset + 1)

document.wireForm.wireField.value = partialMessage

offset++
timerID = setTimeout("showWire()", speed)

wireRunning = true
} else {
offset = 0

currentMessage++

if (currentMessage == cc.length)

currentMessage = 0

timerID = setTimeout("showWire()", pause)

wireRunning = true
}
}

// -->
</SCRIPT>

<!-- HEAD END HERE -->

Синее меняем на свои новости.

Скрипт не ограничивается 4 новостями. Вы всегда можете добавить нужное количество, вставив соответствующую строчку (и присвоив ей порядковый номер) ниже этих:

Quote

cc[0] = "Спасибо, что посетили infoscript.ru"
cc[1] = "Большая коллекция скриптов"
cc[2] = "PHP, Javascript, uCoz"
cc[3] = "Шаблоны uCoz, DLE"
cc[4] = "Наша новая новость"

Настройки:

var speed = 90 - скорость, с которой будут печататься новости. Чем значение больше, тем скорость меньше!
var pause = 1000 - время, через которое будут появляться новости.

В body вставляем это:

Code
<FORM NAME="wireForm">
<INPUT TYPE="text" NAME="wireField" VALUE="Кликни, чтобы прочитать новости" SIZE=40 onFocus="if (!wireRunning) { startWire() }">
</FORM>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 1957 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: поле, клика, Автопечатание, текста, после
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]