Готовые ява-скрипты

На этой странице вы найдете скрипты, которые помогут вам увеличить интерактивность вашего собственного веб-сайта. Чтобы использовать тот или иной скрипт, достаточно скопировать его в исходный код вашей веб-страницы и при необходимости внести в него какие-нибудь изменения. Выбирайте:

Выпадающее меню со ссылками
Вывод адреса веб-страницы
Случайный выбор текста
Закрытие окна браузера
Обновление веб-страницы
Изменение цвета фона
Подсчет времени загрузки сайта
Открытие файла в новом окне
Простейший калькулятор
Таймер
Прокрутка текста в строке состояния
Запись текста в строку состояния
Дата и время последнего изменения документа
Запись текста в документ
Кнопки навигации (назад, вперед)
Сделать страницу стартовой
Добавить страницу в избранное
Окно с сообщением
Запрет на копирование
Отключение контекстного меню

Следующий код создает выпадающее меню со ссылками (при выборе пункта меню открывается заданная веб-страница):

<select onchange="javascript: window.location.href=this.options[this.selectedIndex].value">
<option value="http://www.mvveb.narod.ru/js2.htm">Готовые скрипты</option>
<option value="http://narod.yandex.ru/userforum/?owner=mvveb">Форум</option>
<option value="http://www.narod.ru/guestbook/?owner=18729765&mainhtml=guest.htm&messageshtml=gbook.txt&mpp=5">Гостевая книга</option>
</select>

Этот сценарий выводит URL веб-страницы при нажатии на кнопку:

<script language="javascript">
function getURL()
{alert (document.URL)}
</script>
<button onclick="getURL()">Показать URL</button>

Этот скрипт выбирает текст из списка случайным образом и показывает его:

<script language="javascript">
var number = 4
var txt = new Array(number+1)
txt[0]="Текст 1"
txt[1]="Текст 2"
txt[2]="Текст 3"
txt[3]="Текст 4"
txt[4]="Текст 5"
function randomtxt(){
var randscript = -1
while (randscript < 0 || randscript > number || isNaN(randscript)){
randscript = parseInt(Math.random()*(number+1)) }
return randscript }
quo = randomtxt()
quox = txt[quo]
document.write(quox)
</script>

Строчек текста может быть сколь угодно много. Переменной "number" присваивайте количество строк минус одна (например, если строк 5, то значение этой переменной должно быть равно 4).

Этот простой сценарий создает кнопку закрытия окна браузера:

<button onclick="javascript:self.close();">Закрыть окно</button>

А следующий код создает кнопку, аналогичную кнопке "Обновить" браузера:

<button onclick="javascript: location.reload();"> Обновить </button>

Данный скрипт позволяет изменять цвет фона веб-страницы, выбирая из меню нужный цвет:

<script language="javascript">
function go()
{selindex=document.form.select.selectedIndex
chosenvalue=document.form.select.options[selindex].value
document.bgColor=chosenvalue}
function change()
{chosentext=document.form.select.options[document.form.select.selectedIndex].text}
</script>
...
<body>
<form name="form">
<select name="select" onchange="change()">
<option value="#ffffff">Белый
<option value="#ff0000">Красный
<option value="#FFA500">Оранжевый
<option value="#ffff00">Желтый
<option value="#008000">Зеленый
<option value="#ADD8E6">Голубой
<option value="#0000ff">Синий
<option value="#800080">Фиолетовый
</select>
<input type="button" name="btn" value="Изменить цвет" onclick="go()">
</form>
</body>

Этот скрипт считает точное время загрузки веб-страницы и показывает результаты:

<script language="javascript">
var Sn=new Date();
var Ss=Sn.getSeconds();
var Sms=Sn.getMilliseconds();
Ss=String(Ss);
Sms=String(Sms);
var sT=Ss+'.'+Sms;
function endTIME()
{var En=new Date();
var Es=En.getSeconds();
var Ems=En.getMilliseconds();
Es=String(Es);
Ems=String(Ems);
var eT=Es+'.'+Ems;
var tT=eT-sT;
var lt='';
var iREF=document.location.href;
lt+='<font size=2>Адрес страницы: '+iREF;
lt+='<br>Время загрузки:<b> '+tT+'</b> секунд<hr>';
document.write(lt);}
endTIME();
</script>

Приведенный ниже сценарий при нажатии на кнопку открывает html-файл в новом окне браузера с заданными параметрами:

<script language="javascript">
function openWin()
{msgWindow= open("имя_файла.htm",displayWindow","width=250,height=100,status=no,toolbar=no,menubar=no,scrollbars=no")}
</script>
...
<body>
<form>
<input type="button" value="Открыть окно" onclick="openWin()">
</form>
</body>

Этот JavaScript-код создает на веб-странице простейший калькулятор (допустимо использование знаков +, -, *, /):

<script language="javascript">
function count(form)
{form.result.value=eval(form.expression.value)}
</script>
...
<body>
<form>Введите выражение: 
<input type="text" name="expression" size="15">
<input type="button" value="Вычислить" onclick="count(this.form)">
<br>Результат: 
<input type="text" name="result" size="15">
<br>
</form>
</body>

В следующем сценарии демострируется пример таймера. При нажатии на кнопку по истечении 3 секунд открывается выпадающее окно:

<script language="javascript">
function timer()
{setTimeout("alert('Прошло 3 секунды')", 3000);}
</script>
...
<button onclick="timer()">Кнопка</button>

Этот скрипт прокручивает заданный текст в строке состояния:

<script language="JavaScript">
var scrtxt = "Прокручиваемый текст"; 
var len = scrtxt.length;
var width = 100;
var pos = -(width + 2);
function scroll() 
{pos++;
var scroller = "";
if (pos == len)
{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);}
window.status = scroller;
setTimeout("scroll()", 100);}
</script>
...
<body onLoad="scroll()">

Следующий скрипт вписывает текст в строку состояния при нажатии на кнопку:

<script language="javascript">
function statbar(txt)
{window.status = txt;}
</script>
...
<button onclick="statbar('Текст в строке статуса');">Вписать текст</button>

Этот сценарий позволяет вписать дату и время последнего изменения документа в формате мм/дд/гггг чч:мм:сс :

<script language="javascript">
document.write(document.lastModified)
</script>

С помощью этого небольшого скрипта вы можете записать любой текст в вашу веб-страницу:

<script language="javascript">
document.write("Это JavaScript!")
</script>

Используя этот скрипт, можно создать кнопки навигации, подобные встроенным в браузер:

<a href="#" onclick="history.back(); return false">назад</a>
<a href="#" onclick="history.forward(); return false">вперед</a>

Внимание! Кнопки навигации будут работать только если подсвечена аналогичная кнопка браузера.

Этот скрипт поможет создать кнопку, при нажатии которой будет предложено сделать веб-страницу стартовой (адрес указывается):

<a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.mvveb.narod.ru/'); return false">Сделать стартовой страницей</a>

Этот код позволяет добавить веб-страницу в Избранное (адрес указывается):

<a href="#" onclick="window.external.addFavorite('http://www.mvveb.narod.ru/', 'МАСТЕР WEB')">Добавить в Избранное</a>

Данный код создает окно с сообщением при нажатии на кнопку:

<form>
<input type="button" value="Кнопка" onclick="alert('Текст сообщения')">
</form>

Следующий скрипт запрещает копирование содержимого какого-либо тега. Например:

<i oncopy="return false">Это нельзя скопировать</i>
или
<body oncopy="return false">Скопировать нельзя</body>

Внимание! Запрет на копирование можно легко обойти, скопировав в буфер обмена кусок исходного текста страницы.

Этот сценарий отключает контекстное меню, появляющееся при нажатии правой кнопки мыши:

<script language="javascript">
function click(e) {if (document.all)
{if (event.button == 2)
{return false;}}
if (document.layers) {if (e.which == 3)
{return false;}}}
if (document.layers)
{document.captureEvents(Event.MouseDown);}
document.onmousedown=click
</script>