Примеры кода на Java Script

Сообщений 1 страница 6 из 6

Поделиться12010-08-05 00:07:56

Автор: Scarred
Администратор
Зарегистрирован: 2010-08-03
Приглашений: 0
Сообщений: 35
Уважение: [+1/-0]
Позитив: [+8/-0]
Пол: Мужской
Провел на форуме:
8 часов 5 минут
Последний визит:
2011-05-07 11:46:43

Здравствуйте все, кто интересуется JavaScript, все, кому небезразличен Яваскрипт

Сегодня Всемирная сеть - это среда информационного обмена для миллионов людей.
И если еще десять лет назад Интернет представлялся многим людям в мире чем-то отдаленным, какой-то диковинкой, то сегодня многие научились обращаться с компьютером, стали пробовать самостоятельно программировать и создавать пусть и небольшие, но довольно информативные сайты. При этом используют они как язык HTML, так и язык Яваскрипт в своей работе. Люди размещают текст, видео, звук, и информацию, и все более и более, они усложняют свои страницы, делая их интерактивными в сети. JavaScript, или по-русски Яваскрипт, - это новый язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Он был разработан фирмой Netscape в сотруднечестве с Sun Microsystems на базе языка Sun's Java .С помощью JavaScript (Яваскрипт) на Web-странице можно сделать то, что невозможно сделать стандартными тегами HTML. Скрипты выполняются в результате наступления каких-либо событий, инициированных действиями пользователя. Создание Web- документов, вклучающих программы на JavaScript, требует наличее текстового редактора и подходящего браузера. Некоторые просмоторщики включают в себе встроенные редакторы, поэтому необходимость во внешнем редакторе отпадает.

Несмотря на отсутствие прямой связи с языком Java, JavaScript может обращаться к внешним свойствам и методам Java- апплетов, встроенных в страницу HTML. Разница сводится к тому, что апплеты существуют вне браузера, в то время как программы JavaScript могут работать только внутри браузера. На первой взгляд кажется, что найти информацию по Яваскрипт несложно. Сначала создается впечатление, что ее можно увидеть везде: на сервере Natscape, в виде электронных руководств и примеров, во многих других местах. Тем не менее разыскать информацию об объектах, операторах, цветах и всем прочем в одном источнике, чтобы она была всегда под рукой, трудно.

Яваскрипт и Java

Для начала давайте подробнее рассмотрим такой момент, как терминология. Ведь многие еще довольно плохо представляют, что такое Яваскрипт и зачем он нужен.
JavaScript и Java- это два разных языка программирования. Java- это объектно-ориентированный язык программирования и запускается при помощи компилятора и вспомогательных файлов. Разрабатываемые с помощью Java программы могут работать как законченные приложения либо как встроенные в Web-страницу апплеты. И хотя они встроены в страницу HTML, они храняться на клиенской машине как отдельные файлы.

Напротив, JavaScript, размещаются внутри HTML страницы и не могут существовать, как отдельные программы и функционируют, будучи запущенными в браузерах типа Netscape Navigator или Internet Explorer.

Цитировать Сообщение 1

Поделиться22010-08-05 00:09:09

Автор: Scarred
Администратор
Зарегистрирован: 2010-08-03
Приглашений: 0
Сообщений: 35
Уважение: [+1/-0]
Позитив: [+8/-0]
Пол: Мужской
Провел на форуме:
8 часов 5 минут
Последний визит:
2011-05-07 11:46:43

Часы в строке состояния:

Код:

<HTML>


<TITLE>Часы в строке состояний</TITLE>


<HEAD>



<SCRIPT LANGUAGE="JavaScript">



<!-- Begin


function runClock() {


theTime = window.setTimeout("runClock()", 1000);


var today = new Date();


var display= today.toLocaleString();


status=display;


}


// End -->


</SCRIPT>



<body onLoad="runClock()">



<FONT SIZE=+2><CENTER><B>Часы в строке состояний</B></CENTER></FONT>


</body>


</html>

Цитировать Сообщение 2

Поделиться32010-08-05 00:10:55

Автор: Scarred
Администратор
Зарегистрирован: 2010-08-03
Приглашений: 0
Сообщений: 35
Уважение: [+1/-0]
Позитив: [+8/-0]
Пол: Мужской
Провел на форуме:
8 часов 5 минут
Последний визит:
2011-05-07 11:46:43

Пробегающая строка новостей:

Код:

  <html>
<head>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">

// Здесь можно сменить скорость пробегающего текста

var timerID=null
var run=false
count = 0
ScrollSpeed = 100; 
ScrollChars = 1;    

function Stop()
{
        if(run) clearRimeout(timerID)
        run=false
}

function Start()
{
 Stop();
 Marquee()
}

function Marquee() 
{ 
    var msg = document.forms[0].message.value;
    var tmp = msg.substring(0,ScrollChars);
    msg = msg.substring(ScrollChars) + tmp;
    document.forms[0].message.value = msg;

    if(count<200)
    {
    timerID = setTimeout('Marquee()',ScrollSpeed);
    run= true;
    count++;
    }
}
</SCRIPT>
<BODY onLoad="Start()">
<FORM>
<INPUT NAME="message" SIZE=27 VALUE="Пробегающая строка новостей   ">
</FORM>
</body>
</html>

Цитировать Сообщение 3

Поделиться42010-08-05 00:20:57

Автор: Scarred
Администратор
Зарегистрирован: 2010-08-03
Приглашений: 0
Сообщений: 35
Уважение: [+1/-0]
Позитив: [+8/-0]
Пол: Мужской
Провел на форуме:
8 часов 5 минут
Последний визит:
2011-05-07 11:46:43

Текстовая "змейка на пружине" за курсором:

Код:

  < html>
<title>Текстовая "змейка на пружине" за курсором</title>
<head>
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:bold;
color:black;
}
</style>
</head>
<body onload="makesnake()">
<div>
<script>
var x,y
var step=14
var flag=0

var message="1000 яваскриптов в одном файле! "
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}

</script>
<script>
<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>
</div>
</body>
</html>

Цитировать Сообщение 4

Поделиться52010-08-05 00:28:45

Автор: Scarred
Администратор
Зарегистрирован: 2010-08-03
Приглашений: 0
Сообщений: 35
Уважение: [+1/-0]
Позитив: [+8/-0]
Пол: Мужской
Провел на форуме:
8 часов 5 минут
Последний визит:
2011-05-07 11:46:43

Обьемный текст:

Код:

 <HEAD>
<style>
body { background:silver; font-family:Arrus BT,Garamond,Times New 
Roman; }
div { position:absolute; align:center;}
</style>
<style>
a { text-decoration: none; color:maroon; vlink:maroon; alink:red;}
a:hover {color: red }
.info { font-family:Times New Roman; positon:relative;}
.light { top:-1; left:-1; color:white;}
.shade { top:+1; left:+1; color:pink; }
.fill { top:0; left:0; color:red; } </style>

<style>
.shade1 { top:+5; left:+5; color:black; }
.fill1 { top:0; left:0; color:red; }
</style>
<style>
.light2 { top:-1; left:-2; color:white; }
.shade2 { top:+1; left:+2; color:black; }
.fill2 { top:0; left:0; color:silver; } </style>
<style>
.light3 { top:-2; left:-2; color:white; }
.shade3 { top:+2; left:+2; color:lightblue; }
.fill3 { top:0; left:0; color:blue; } </style>
<style>
.light4 { top:-2; left:-2; color:yellow; }
.shade4 { top:+2; left:+2; color:yellow; }
.fill4 { top:0; left:0; color:darkgreen; } </style>


</HEAD>


<BODY> 


<!--- Example #1 --->
<div class=Example1>

<div class="shade1">
<center><h1>Тень</h1></center>
</div>
<div class="fill1">
<center><h1>Тень</h1></center>
</div>

</div>

<br><br><br>
<!--- Example #2 --->
<div class=Example2>
<div class="light2">
<center><h1>Рельеф цвета Фона</h1></center>
</div>
<div class="shade2">
<center><h1>Рельеф цвета Фона</h1></center>
</div>
<div class="fill2">
<center><h1>Рельеф цвета Фона</h1></center>
</div>
</div>

<br><br><br>

<!--- Example #3 --->
<div class=Example3>
<div class="light3">
<center><h1>Рельефный Цвет</h1></center>
</div>
<div class="shade3">
<center><h1>Рельефный Цвет</h1></center>
</div>
<div class="fill3">
<center><h1>Рельефный Цвет</h1></center>
</div>
</div>

<br><br><br>

<!--- Example #4 --->
<div class=Example4>
<div class="light4">
<center><h1>Рельеф Выделения</h1></center>
</div>
<div class="shade4">
<center><h1>Рельеф Выделения</h1></center>
</div>
<div class="fill4">
<center><h1>Рельеф Выделения</h1></center>
</div>
</div>

</BODY>

Цитировать Сообщение 5

Поделиться62010-08-05 00:30:05

Автор: Scarred
Администратор
Зарегистрирован: 2010-08-03
Приглашений: 0
Сообщений: 35
Уважение: [+1/-0]
Позитив: [+8/-0]
Пол: Мужской
Провел на форуме:
8 часов 5 минут
Последний визит:
2011-05-07 11:46:43

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

Цитировать Сообщение 6

Inferno

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

Примеры кода на Java Script

Сообщений 1 страница 6 из 6

Поделиться12010-08-05 00:07:56

Поделиться22010-08-05 00:09:09

Поделиться32010-08-05 00:10:55

Поделиться42010-08-05 00:20:57

Поделиться52010-08-05 00:28:45

Поделиться62010-08-05 00:30:05

Быстрый ответ

Награды пользователя