- •Лабораторная работа №_
- •Теоретические сведения.
- •Счетчик посещений странички
- •Ваш браузер уже 1 раз(а). Добро пожаловать на страничку!
- •Информация о посетителе странички
- •Отображение координат мышки
- •Выежающие полоски справа и слева
- •Цвет фона
- •Просмотр исходника html документа
- •Прокрутка странички
- •Защита странички паролем на ява скрипте для всех браузеров
- •Сообщение всегда на экране
- •Фраза дня
Счетчик посещений странички
Описание: Если посещений до 11 то вы можете увидеть интерестные сообщения.
Демонстрация: Нажимайте кнопку "Обновить" пока счетчик не будет равен 10.
Ваш браузер уже 1 раз(а). Добро пожаловать на страничку!
Начало формы
Конец формы
Информация о посетителе странички
Описание: Когда кто-нибудь заходит на ваш сайт, вам по почте высылатся информация о нем. Единственное неудобство - вы должны поместить на странице одну кнопку.
Демонстрация:
Начало формы
Конец формы
Установка: Шаг 1. В тэг <HEAD>вставьте текст из формы (между <HEAD> и </HEAD> вставьте текст из формы).
<script language="JavaScript"><!--
var startTime = new Date();
startTime = startTime.getTime();
var submissions = 0;
function checkForDuplicate() {
if (document.form1) {
document.form1.REFERRER.value = document.referrer;
document.form1.PLATFORM.value = navigator.appName+" "+navigator.appVersion;
submissions++;
if (submissions > 1)
return false;
else return true; } else { return false; }}
function doneLoading() {
var stopTime = new Date();
stopTime = stopTime.getTime();
document.form1.LOADING_TIME.value = ((stopTime - startTime) / 1000)+ " seconds";
document.form1.PAGE.value = document.title;
document.form1.SUBMITTER.click();
}
// --></script>
Начало формы
2. В тэг BODY вставьте onLoad="doneLoading()" (Например <body onLoad="doneLoading()"> 3. Вставьте в тэг BODY (между <BODY>и</BODY>) в то месте, в котором хотите поместить кнопку (выше): <FORM name="form1" METHOD=post action="mailto:ЗДЕСЬ ВАШ EMAIL?SUBJECT=ВАШ SUBJECT" enctype="text/plain" onSubmit="return checkForDuplicate()"> <input type="hidden" name="PAGE" value="none"> <input type="hidden" name="REFERRER" value="none"> <input type="hidden" name="PLATFORM" value="none"> <input type="hidden" name="LOADING_TIME" value="none"> <input type="submit" name="SUBMITTER" value="CLICK ME"> </form>
Отображение координат мышки
Демонстрация: Двигайте мышкой и смотрите на строку состояния.
<script language="JavaScript"><!--
var isMinNS4 = (document.layers) ? 1 : 0;
var isMinIE4 = (document.all) ? 1 : 0;
var mouseX = 0;
var mouseY = 0;
if (isMinNS4)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMousePosition;
function getMousePosition(e) {
if (isMinNS4) {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (isMinIE4) {
mouseX = event.clientX + document.body.scrollLeft;
mouseY = event.clientY + document.body.scrollTop;
}
window.status = mouseX + "," + mouseY;
return true;
}
//--></script>
Выежающие полоски справа и слева
Описание: Вы просто заходите на страничку и тут справа и слева выежают полоски которые тут же исчезают, этот скрипт позволяет добавить разнообразия на страничку.
Демонстрация: Видно только когда вы попадаете на страничку, если вы ничего не увидели то сделайте reload.
Установка: Шаг 1: Сначала вставьте, предварительно выделив и скопировав текст в <head> секцию вашей странички, цвет можно установить по своему усмотрению, это зависит от того какой код вы впишете в скрипт, нужно найти строку "blue" и заменить на другой цвет:
<style><!--
.intro{position:absolute;left:0;top:0;layer-background-color:blue;background-color:blue;border:0.1px solid blue}
--></style>
Начало формы
Конец формы
Шаг 2: Потом вставьте, предварительно выделив и скопировав текст в <body> (обязательно сразу после этого тега) секцию вашей странички, и измените скорость заставки в строке "speed=20" на быстрее или медление:
<div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3"
class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div
id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div>
<script language="JavaScript1.2">
/*
Left-Right Stripy Curtain Script-
By Dynamic Web Design (www.dynamic-design.com.ua)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit http://www.dynamic-design.com.ua/develop/
*/
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=8;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth
temp[i].height=window.innerHeight/8
temp2[i].top=(i-1)*temp[i].height
}
}
else if (document.all){
var clipright=document.body.clientWidth,clipleft=0
for (i=1;i<=8;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth
temp[i].height=document.body.offsetHeight/8
temp[i].top=(i-1)*parseInt(temp[i].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
for (i=1;i<=8;i=i+2)
temp[i].right-=speed
for (i=2;i<=8;i=i+2)
temp[i].left+=speed
if (temp[2].left>window.innerWidth)
clearInterval(stopit)
}
else if (document.all){
clipright-=speed
for (i=1;i<=8;i=i+2){
temp[i].clip="rect(0 "+clipright+" auto 0)"
}
clipleft+=speed
for (i=2;i<=8;i=i+2){
temp[i].clip="rect(0 auto auto "+clipleft+")"
}
if (clipright<=0)
clearInterval(stopit)
}}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>
Начало формы
