JavaScript

На главную


Для вставки скрипта в вашу страницу наберите в блоке HEAD следующий код: < SCRIPT LANGUAGE="JavaScript" > ваш скрипт < /SCRIPT >
Также вставьте: < body OnLoad="Название функции" >


Координаты элемента
Строка состояния
Создание нового окна
Элементы новаго окна
Координаты курсора
Часы
Движение элемента
События при наведении курсора на элемент



Координаты элемента

Если вы хотите разместить элемент (картинка, текст, ссылка,...) в том месте, в котором хотите вы, а не броузер, то напишите следующий код:

< div style="POSITION:absolute;VISIBILITY:visible;LEFT:0px;TOP:210px" > ваш элемент < /div >


Где LEFT и TOP - координаты элемента.

Строка состояния

Для вставки своего текста в строку состояния напишите:

< body OnLoad = "window.defaultStatus = 'ОКНО Internet Explorer';" >


Где LEFT и TOP - координаты элемента.

Создание нового окна

Для создания нового окна вставьте в блок SCRIPT:

function Window1(){
Window01 = open("about:blank","window1", "width=400,height=300");
}



Элементы нового окна

Возможны следующие элементы: панель состояния (status), панель кнопок(toolbar) и меню (menubar).

function Window3(){
Window03 = open("about:blank","win3", "width=400,height=300,status=no,toolbar=yes,menubar=no");
}

Около нужных элементов поставьте YES, а если они не нужны, тогда NO.

Координаты курсора

Координаты курсора будут отбражаться в строке состояния:

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function init() {
if (ns4) {document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove=mousemove;
}
function mousemove(e) {
if (ns4) {var mouseX=e.pageX; var mouseY=e.pageY}
if (ie4) {var mouseX=event.x; var mouseY=event.y}
status="x= "+mouseX+", y= "+mouseY;
}



Часы

Для создания часов на кнопке напишите код:

function showTime()
{
var time = new Date();
var hour = time.getHours();
var minute = time.getMinutes();
var second = time.getSeconds();
var temp = hour;
temp +=":"+ minute;
temp += ":"+ second;
document.forms[0].clock.value = temp;
id = setTimeout( "showTime()", 1000);
}
function PrintTime()
{
parent.frames[0].document.write(showTime());
}

Для отображения кнопки с часами:

< FORM NAME = "Clock" >
<input type="button" name="clock" value="xxxxxxxx" OnClick = "showTime()" >
</FORM >



Движение элемента

Для движения элемента в тэге DIV напишите ID="название элемента". В конце функции напишите SetTimeOut("название самой функции")=1000; Так же в функции напишите

(в начале до функции: var q = 0;)
document.all["имя DIV-элемента"].style.pixelTop = q;
q=q+2;



События при наведении курсора на элемент

Если вы хотите, чтобы при наведении мышкой на элемент происходило какое-либо событие, вставьте в тэг следующий код:

OnMouseOver="импорт функции" OnMouseOut="импорт функции"

Например можно использовать функцию изменения текста в строке состояния.



Hosted by uCoz