Отправляет email-рассылки с помощью сервиса Sendsay

Учимся программировать на HTML

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Е-коммерция" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Декабрь 2004   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
21.12.2004
10:04:31
13:06:33
22
23
24
25
26
27
28
29
30
31
Автор
Сергей

Статистика

2.157 подписчиков
-16 за неделю
←   Все выпуски   →

УЧИМСЯ ПРОГРАММИРОВАТЬ НА HTML


Информационный Канал Subscribe.Ru


Привет всем кто подписался!

В этой рассылке мы вместе с вами будет учиться программировать на HTML и применят скрипты!

Это пробная рассылка!

Все пожелания,интересная информация, ссылки принимаются тут

twamillenium@pisem.net


Итак, начнем. 

Учимся применять JavaScript

Начать необходимо с того, что Java-скрипт - это не полноценный язык программирования, как, например, С++ или Ассемблер. На Java-script пишут скрипты котроые выполняються другой программой, а именно броузером (Internet Explorer, Opera и т.п.). Сам код скрипта вставляеться в код веб-страницы. Выглядит это следующим образом:

<Html>
<Head>

<Script language="JavaScript">
</Script>

</Head>
<Body>
</Body>
</Html>

Сам код JavaScript пишется между метками <Script language="JavaScript"> и </Script>.

Рассмотрим функцию alert(). Эта функция выводит на экран сообщение с текстом, набранным в скобках функции. Например:

<Script language="JavaScript">
alert("Всем привет!!!")
</Script>

При запуске данной программы ничего не произойдет, так как эту функцию нужно вызвать из "тела" веб-страницы. Делаеться это азными способами, но в данном случае мы просто создадим кнопку, щелчок по которой будет вызывать данную функцию. Например:

<Html>
<Head>

<Script language="JavaScript">
function Hello(){
      alert("Всем привет!!!")}
</Script>

</Head>
<Body>
<Form name="FirstForm">
<Input type="button" value="Щеклни тут!" onClick="Hello()">
</Form>
</Body>
</Html>

Вот что мы получили. Теперь если скопировать этот код в созданный файл и сохранить его с расширением .html, должен получиться работающий скрипт.

Часть II - Готовые скрипты

Надпись за курсорром мышки:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Надпись за курсором мыши</title>
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:bold;
color:black;
}
</style>

</head>

<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"
vlink="#0000FF"></body>

<script>
var x,y
var step=20
var flag=0

var message="www.новичок.net " // Текст около мышки (обязательно после последней буквы пробел)
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.lvength-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>

</html>

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

<html><head>
<title>Броузер</title>
</head>
<body bgcolor=ffffff>
<center><table border=1>
<tr><td>Имя броузера</td><td>
<script language="JavaScript">
document.write(navigator.appName);</script></td>
<tr><td>Версия броузера</td><td>
<script language="JavaScript">
document.write(navigator.appVersion);</script></td>
<tr><td>Кодовое название броузера</td><td>
<script language="JavaScript">
document.write(navigator.appCodeName);</script></td>
<tr><tdЗаголовок пользовательского <br>агента</td><td valign=top>
<script language="JavaScript">
document.write(navigator.userAgent);</script></td>
</table></center>
</body>
</html>

Вот собственно говоря и все на сегодня. Встретимся через неделю!

Исходныне коды скриптов были взяты с www.новичок.net за что им большое спасибо

 

http://subscribe.ru/
http://subscribe.ru/feedback/		 Подписан адрес:
Код этой рассылки: inet.webbuild.724990		 Отписаться
В избранное