C++ CSS HTML Java JavaScript MySQL Oracle PERL PHP SQL Unix VBScript XHTML XML Сети

Примеры скриптов

 

Примеры скриптов

Как сделать страничку стартовой

Если вы хотите сделать свою страничку стартовой, то необходимо использовать следующий код (Для IE 5 и выше)

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

При клике на ссылке появится диалоговое окно с запросом.

Пример

Сделать стартовой страницей

Выделить весь текст в текстовом поле

Чтобы выделить программно весь текст в текстовом поле, нужно передать ему фокус и вызвать функцию select()

<form>
<textarea name="yourForm" rows=3 cols=40 wrap=virtual>
Текст, который вы хотите выделить
</textarea>


<input type=button value="Выделить все" onClick="javascript:this.form.yourForm.focus();this.form.yourForm.select();"> </form>

Пример



Постепенное затемнение

Пример постепенного изменения текста

Пробуем разные цвета

А так нравится?

Поместите указатель мышки на этот текст

В таблице тоже работает
<style type="text/css">
#d1 { background-color: #ff6666; }
#d2 { background-color: #00ff00; }
#d3 { background-color: #9999ff; }
</style>
<script type="text/javascript">
var s, c1, c2, r1, g1, b1, r2, g2, b2;
var fTimeout, fObj, fSteps = 25, fDelay = 5;
function Fade(obj, color1, color2) {
  if (fTimeout) {
    clearTimeout(fTimeout);
    if (fObj) fObj.style.backgroundColor = c2;
  }
  fObj = obj; c1 = color1; c2 = color2;
  r1 = eval('0x' + c1.substring(0,2));
  g1 = eval('0x' + c1.substring(2,4));
  b1 = eval('0x' + c1.substring(4,6));
  r2 = eval('0x' + c2.substring(0,2));
  g2 = eval('0x' + c2.substring(2,4));
  b2 = eval('0x' + c2.substring(4,6));
  s = 0;
  DoFade();
}

function DoFade() {
  var d = s/fSteps, m = 1 - d;
  fObj.style.backgroundColor = "#" +
    Dec2Hex(r1 * m + r2 * d) +
    Dec2Hex(g1 * m + g2 * d) +
    Dec2Hex(b1 * m + b2 * d);
  if (s < fSteps) fTimeout = setTimeout('DoFade()', fDelay);
  s++;
}

function Dec2Hex(Dec) {
  var hexChars = new Array("0", "1", "2", "3", "4", "5", "6", "7",
                           "8", "9", "a", "b", "c", "d", "e", "f");
  var a = parseInt(Dec) % 16, b = (parseInt(Dec) - a)/16;
  var hex = "" + hexChars[b] + hexChars[a];
  return hex;
}
</script>
<div id="d1" onmouseover="Fade(this, 'ff6666', '992222')"
  onmouseout="Fade(this, '992222', 'ff6666')">Пример постепенного изменения текста</div><p>

<div id="d2" onmouseover="Fade(this, '00ff00', '009900')"
  onmouseout="Fade(this, '009900', '00ff00')">Пробуем разные цвета</div><p>

<div id="d3" onmouseover="Fade(this, '9999ff', '333399')"
  onmouseout="Fade(this, '333399', '9999ff')">А так нравится?</div>
<br>
<p onmouseover="Fade(this, 'ff6666', '992222')"
  onmouseout="Fade(this, '992222', 'ff6666')">Поместите указатель мышки на этот текст</p>
<table border=1>
<tr>
<td onmouseover="Fade(this, 'ff6666', '992222')"
  onmouseout="Fade(this, '992222', 'ff6666')">В таблице тоже работает
</table>

Развернуть окно на весь экран

Чтобы автоматически развернуть окно на весь экран при загрузке, используйте следующий код в HEAD

<script language="JavaScript"> 
window.onload = maxWindow;

function maxWindow() {
window.moveTo(0,0);
if (document.all) {
  top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers||document.getElementById)
{
  if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth)
  {
    top.window.outerHeight = screen.availHeight;
    top.window.outerWidth = screen.availWidth;
  }
}
}
</script> 

Скрипт-приветствие

Скрипт выдает приветствие в соответствии со временем на часах посетителя. Если скрипты не поддержживаются браузером, выдается "Добро пожаловать!"

Добр!

Код для примера

Добр<script language="JavaScript">
<!--
date = new Date();
date = date.getHours();
if (date >= 0 && date < 6) {document.write("ой ночи")}
  else {if (date >= 6 && date < 12) {document.write("ое утро")}
    else {if (date >= 12 && date < 18) {document.write("ый день")}
      else {document.write("ый вечер")}
    }
  }
//-->
</script><noscript>о пожаловать</noscript>!

Правый щелчок мыши на картинках недоступен

Примеры скриптов
<script>
var clickmessage="Правый клик на картинках недоступен"

function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){alert(clickmessage);return false;}
}
} else if (document.layers) {
if (e.which == 3) {alert(clickmessage);return false;}
} else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){alert(clickmessage);return false;}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}

if (document.all)
document.onmousedown=disableclick
else if (document.getElementById)
document.onmouseup=disableclick
else if (document.layers)
associateimages()
</script>

<img src="test.gif" width=100 height=100>

Правая кнопка

Скрипт, лишающий возможности нажать на правую кнопку для просмотра контекстного меню

Скрипт-нельзя нажать на правую кнопку для просмотра контекстного меню

Исходный текст:

<Script Language="JavaScript">
var message="Забудь о правой кнопке";
function click(e) {if (document.all)
{if (event.button == 2)
{alert(message);return false;}}
if (document.layers) {if (e.which == 3)
{alert(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MouseDown);}
document.onmousedown=click;
</Script>

© 2000- NIV