Меню

Главная

О себе

Олимпиады

Конкурсы

Методические

разработки

ЕГЭ

ОГЭ

Обратная связь

Копилка учителя

Полезные уроки

Статьи

Тесты

Программы

Воспитательная

работа

Публикации

Интернет-сообщества

Техника безопасности

Проекты

Безопасный Интернет

Раздел Вопросы и Ответы

 

 

 

 

 

 

Урок 18

1) JavaScript приветствия который определяет время суток и подставляет текст в зависимости от того который сейчас час. Показывает Утро, День, Вечер, Ночь.

 

 

 

Вот код:

<b><i>
<script language="JavaScript">
var h=(new Date()).getHours();
if (h > 3 && h < 12) document.writeln("С добрым утром!");
if (h > 11 && h < 19) document.writeln("Добрый день!");
if (h > 18 && h < 24) document. writeln("Добрый вечер!");
</script >
</i></b>    

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

Код:

<SCRIPT LANGUAGE="javascript">
alert ("Привет! Заходи! Чувствуй себя как дома!")
</SCRIPT>
 

3) При наведении курсора картинка увеличвается.

В папку с сайтом вставьте два вот эти файла: скачать архив

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

Код:

<link rel="stylesheet" href="/imagesize.css" type="text/css" />
<script type="text/javascript" src="/imagesize1.js"></script>
<div>
<img class="expando" border="0" src="/imag/27.jpg" width="150" height="110">
</div>

 

 

4) Скрипт: Сколько дней сайту.

Код:

   <SCRIPT language=JavaScript>
<!--
d0 = new Date(' January1, 2012');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('Этому сайту ' + Math.round(dt) + '-й день');
-->
</SCRIPT>

В данном коде вам необходимо установить дату открытия
вашего сайта, на английском. (Формат даты в коде: месяц/день/год.)

Для удобства можете воспользоваться он-лайн переводчиком

Вот, что получится

 

 

 

5) Текущая дата на сайте.

Код:

<script language="javascript" type="text/javascript"><!--
var d = new Date();

var day=new Array("Воскресенье","Понедельник","Вторник",
"Среда","Четверг","Пятница","Суббота");

var month=new Array("января","февраля","марта","апреля","мая","июня",
"июля","августа","сентября","октября","ноября","декабря");

document.write(day[d.getDay()]+" " +d.getDate()+ " " + month[d.getMonth()]
+ " " + d.getFullYear() + " г.");
//--></script>

Что получилось:                               

 

 

6) Скрипт: Посетителей Online.

Код:

<font size="3" >Сейчас <script
src=http://fastonlineusers.com/online.php?d=http://АДРЕС ТВОЕГО САЙТА/"></script> человек(а) на сайте.</a>

В данном коде необходимо написать полный адрес вашего сайта.

Вот что получиться:

 Сейчас человек(а) на сайте.

7)Скрипт: Кнопка 'Печать страницы'.

Код:

<script language="Javascript1.2">
<!--
var message = "Печать страницы";
function printpage() {
window.print();
}
document.write("<form><input type=button "
+"value=\""+message+"\" onClick=\"printpage()\"></form>");
//-->
</script>

Получилось вот:                    

 

 
8) Кнопка-ссылка на веб-страничку
Например, на эту:

 

Код:

<form action="http://infform.16mb.com" target="_blank" method="get"><input type="submit" value="уроки по информатике"></form>

9) Как сделать кнопку "наверх"

Вставляем вот этот код, заменив текст красным шрифтом на свой.

 <a href=#top onClick="scrollTo(0,0); return false;">Здесь Ваш текст</a>

10) Скрипт: Калькулятор.

  Калькулятор

Калькулятор

Код:

<html>
<head>
<title>Калькулятор</title>
</head>
<script language="JavaScript">
<!--
// deklaracja zmiennych
var wynik=0, op=0, nowe=0, nowe2=0, done=1, oset=0, kropka, temp;
function reset(value)
{
document.form1.ekran.value = value;
wynik = 0,
op = 0,
nowe = 0,
nowe2 = 0;
done = 1;
oset = 0;
}
function wspolna(new_temp)
{
kropka = 1;
if(nowe || done) {
nowe = 0;
done = 0;
temp = new_temp;
}
for(var i=0; i<temp.length; i++) if (temp[i]=='.') kropka=0;
}
function button(ktory,ktory2)
{
temp = document.form1.ekran.value;
if(ktory2=='.') {
wspolna('0');
if(kropka) {
temp += ktory2;
document.form1.ekran.value = temp;
oset = 0;
}
}
if(ktory>=0 && ktory<=9) {
wspolna('');
if(temp==0 && kropka==1) temp='';
temp += ktory;
document.form1.ekran.value = temp;
oset = 1;
}
if(ktory2=='-' || ktory2=='+' || ktory2=='/' || ktory2=='*') {
if(nowe) op = ktory2
else {
if(!nowe2) {
op = ktory2;
wynik = temp;
nowe2=1;
}
else {
wynik = eval(wynik + op + temp);
op = ktory2;
document.form1.ekran.value = wynik;
}
oset=0;
nowe = 1;
}
}
if(ktory2=='1/x' ) { wynik = eval(1 / temp) ; reset(wynik); }
if(ktory2=='sqrt') { wynik = Math.sqrt(temp); reset(wynik); }
if(ktory2=='exp' ) { wynik = Math.exp(temp) ; reset(wynik); }
if(ktory2=='+/-') document.form1.ekran.value = eval(-temp);
if(ktory2=='=' && oset && op!='0') reset(eval(wynik + op + temp));
if (ktory2=='C') reset(0);
if(document.form1.ekran.value[0] == '.')
document.form1.ekran.value = '0' + document.form1.ekran.value;
}
//-->
</script>
<body>
<center>
<form name="form1">
<table bgColor="#4188E6">
<tbody>
<tr><td><table bgColor="#4188E6" border="1" cellPadding="0" cellSpacing="5">
<tbody>
<tr align="middle">
<td colSpan="5"><input name="ekran" value="0" size="20"></td></tr>
<tr align="middle">
<td colSpan="4"><b><font color="#FFFF00">Калькулятор</font></b></td>
<td><input name="C" onclick="button(11,'C')" type="button" value=" C "></td></tr>
<tr align="middle">
<td><input name="7" onclick="button(7 ,'')" type="button" value=" 7 "></td>
<td><input name="8" onclick="button(8 ,'')" type="button" value=" 8 "></td>
<td><input name="9" onclick="button(9 ,'')" type="button" value=" 9 "></td>
<td><input name="/" onclick="button(11,'/')" type="button" value=" / "></td>
<td><input name="sqrt" onclick="button(11,'sqrt')" type="button" value="sqrt"></td></tr>
<tr align="middle">
<td><input name="4" onclick="button(4,'')" type="button" value=" 4 "></td>
<td><input name="5" onclick="button(5,'')" type="button" value=" 5 "></td>
<td><input name="6" onclick="button(6,'')" type="button" value=" 6 "></td>
<td><input name="*" onclick="button(11,'*')" type="button" value=" * "></td>
<td><input name="exp" onclick="button(11,'exp')" type="button" value="exp"></td></tr>
<tr align="middle">
<td><input name="1" onclick="button(1,'')" type="button" value=" 1 "></td>
<td><input name="2" onclick="button(2,'')" type="button" value=" 2 "></td>
<td><input name="3" onclick="button(3,'')" type="button" value=" 3 "></td>
<td><input name="-" onclick="button(11,'-')" type="button" value=" - "></td>
<td><input name="1/x" onclick="button(11,'1/x')" type="button" value="1/x "></td></tr>
<tr align="middle">
<td><input name="0" onclick="button(0,'')" type="button" value=" 0 "></td>
<td><input name="+/-" onclick="button(11,'+/-')" type="button" value=" +/- "></td>
<td><input name="." onclick="button(11,'.')" type="button" value=" , "></td>
<td><input name="+" onclick="button(11,'+')" type="button" value=" + "></td>
<td><input name="=" onclick="button(11,'=')" type="button" value=" = "></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</form>
</body>
</html>

11) Дрожащая картинка или ссылка

    

<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">
var rector=3
var stopit=0
var a=1

function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>


<img src="Адрес вашей фотографии" width=150 height=180 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">

 
<br>

<a href="Адрес страницы на которую хотите попасть"><img src="Адрес вашей фотографии для ссылки" width=50 height=50 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">

 

 

             Персональный сайт учителя информатики  Целищевой Елены Дмитриевны