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

Программирование на JavaScript: просто о сложном.

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

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

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

←   Июнь 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Владимир

Статистика

1.761 подписчиков
0 за неделю
←   Все выпуски   →

Программирование на JavaScript: просто о сложном.


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

ГЛАВНАЯ     УЧЕБНИК     СКРИПТЫ     1000 СКРИПТОВ    



ВЫПУСК 9

Здравствуйте, уважаемые подписчики.

В ваших письмах очень много вопросов по HTML, а также - как вставить какой-либо яваскрипт в html-текст.

На первый вопрос отвечу так: скачивайте HTML-учебник отсюда и изучите его. Учебник очень доступен и прост в изучении.

На второй вопрос ответ такой: в своих выпусках рассылки, а также на сайте я даю яваскрипты полностью готовыми к использованию. Вам остается только скопировать их, вставить в блокнот и сохранить как HTML - документ. В сборнике "1000 яваскриптов" дается подробная инструкция - как их использовать.

ВНИМАНИЕ. ЕСЛИ У КОГО-ТО ПРИХОДЯТ НЕЧИТАЕМЫЕ ВЫПУСКИ - ЭТИ ВЫПУСКИ, А ТАКЖЕ ВЕСЬ АРХИВ ВЫ СМОЖЕТЕ ПРОСМОТРЕТЬ НА САЙТЕ В РАЗДЕЛЕ УЧЕБНИК

Формы

Интерактивные формы позволяют читателям Web-страниц легко общаться с их владельцами. Благодаря простоте использования тага <mailto:> и форм стал возможен двусторонний диалог между владельцами Web-узлов и их читателями. Это открывает для Web-навигаторов увлекательные перспективы и коммерческие возможности. К сожалению, многие старые броузеры не поддерживают таг <mailto:>.

Как сделать так, чтобы ваша форма хорошо смотрелась

Один из способов свести все трудности к минимуму состоит в том, чтобы разместить области ввода и выпадающие меню в левой части страницы, а весь сопроводительный текст - справа. Поскольку ширину областей ввода можно задать с помощыо атрибута SIZЕ=, вы по крайней мере выровняете строки слева, а текст справа будет невыровненным - как в большинстве документов. Такая форма выглядит несколько аккуратнее. Не забудьте оставить промежуток между текстом и областью ввода формы. Другой несколько более сложный способ - разместить элементы формы в ячейки таблицы. Это позволяет разместить сопроводительный текст слева, а области ввода справа. Это показано в примере.

Пример 

  
 <HTML>  


 <HEAD>  


 <TITLE>Коментарии</TITLE>  


 </HEAD>  


 <BODY>   


<H1>Коментарии</H1>  


 <BR>Пожалуйста сообщите нам, что вы думаете 


о нашем web сайте, компании,   


продукции, или услугах. Если вы сообщите нам 


свою контактную информацию,    


у нас будет возможность связаться с вами 


и ответить на ваши вопросы.</p>  


 <FORM METHOD="POST" action="mailto: yourname@your.email.address">  


 <H3>Контактная информация</H3>  


 <TABLE BORDER="0">   


<TR>  


 <TD ALIGN="right"><em>Имя</em></td>  


 <TD><input type="text" size="35" name="Name"></td> 


  </TR>  


 <TR> 


  <TD ALIGN="right"><em>Тема</em></td> 


  <TD><input type="text" size="35" name="Title"></td>  


 </TR>  


 <TR> 


  <TD ALIGN="right"><em>Компания</em></td>  


 <TD><input type="text" size="35" name="Company"></td>  


 </TR>  


 <TR> 


  <TD ALIGN ="right"><em>Адрес</em></td>  


 <TD><input type="text" size="35" name="Address"></td>  


 </TR>  


 <TR> 


  <TD ALIGN ="right"><em>Телефон</em></td>  


 <TD><input type="text" size="35" name="Telephone"></td>  


 </TR>  


 <TR> 


  <TD ALIGN ="right"><em>Факс</em></td>  


 <TD><input type="text" size="35" name="FAX"></td>  


 </TR>  


 <TR>  


 <TD ALIGN ="right"><em>E-mail</em></td> 


  <TD><input type="text" size="35" name="Email"></td> 


  </TR>  


 </TABLE>  


 <p>   


 <input type="reset" value="Очистить форму"> </p>  


 </FORM>  


 </BODY>  


 </HTML>

Как заставить формы работать

Возможно, это именно тот раздел, которого вы ждете - как сделать так, чтобы формы отсылали на сервер введенные данные. На самом деле заставить форму пересылать данные довольно просто. Главная проблема - понять, куда их пересылать. Формально вы просто пишете в таге <FORM> атрибут АСТION= и задаете ссылку на URL программы, которая может обработать входные данные и сделать с ними что-нибудь полезное.



А сейчас - новый скрипт:

В какой день недели Вы родились.. 

   

<html>

<head>
<SCRIPT LANGUAGE="JavaScript">



<!-- Begin
function calculate() {
month = document.form.month.selectedIndex;
month = document.form.month.options[month].value;
day = document.form.day.selectedIndex;
day = document.form.day.options[day].value;
year = document.form.year.value;

var oyear=year

var dob = " "+ year +", "+month + ", "+day;
var thenx = new Date(dob);

var year=thenx.getYear();
if (year<100) year="19" + thenx.getYear();
else year=thenx.getYear();

if (year > 1969) wyear=year;
else {
if (oyear<1900) {
if (oyear>1800) {
wrelyear= (eval(oyear)-1801)%(28);
wyear = wrelyear+1981;
}
else wyear = 1970 
}
else
if (oyear>1900) {wrelyear= (eval(oyear)-1901)%(28); 
wyear= wrelyear+1985
}
else 
if (oyear==1900) {wyear= 1990;
} 
}
var dob = " "+ wyear +", "+month + ", "+day;
var thenx = new Date(dob);

var theday = thenx.getDay()+1;
var date=thenx.getDate();

var weekday = new Array(6);
weekday[1]="воскресенье";
weekday[2]="понедельник";
weekday[3]="вторник";
weekday[4]="среду";
weekday[5]="четверг";
weekday[6]="пятницу";
weekday[7]="субботу";
if (day != date) alert("Извините!

 Но Вы ввели некорректные данные 

"+day+" ..."+date+"::"+oyear+"..."

+year+" "+dob+"=="+wyear+".-.-"+thenx+" "+day+" "+month);


else {
dayborn = weekday[theday];
dob = dayborn;
alert("Этот радостный момент случился в " + dob);
}
}
// End -->
</script>



</head>

<BODY>
<form name=form>
<center>
<table border=2 cellspacing=0 cellpadding=0 bgcolor=white>


<tr><td colspan=3 align=center>


<font face="verdana, arial" size="-1">

Когда Вы родились?</font></td></tr>
<tr><td align=center>
<select name="month">
<option value="" selected>Месяц
<option value="January">Jan
<option value="February">Feb
<option value="March">Mar
<option value="April">Apr
<option value="May">May
<option value="June">Jun
<option value="July">Jul
<option value="August">Aug
<option value="September">Sep
<option value="October">Oct
<option value="November">Nov
<option value="December">Dec
</select>
</td>
<td align=center>
<select name="day">
<option value="" selected>День
<option value="1">01
<option value="2">02
<option value="3">03
<option value="4">04
<option value="5">05
<option value="6">06
<option value="7">07
<option value="8">08
<option value="9">09
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
<option value="16">16
<option value="17">17
<option value="18">18
<option value="19">19
<option value="20">20
<option value="21">21
<option value="22">22
<option value="23">23
<option value="24">24
<option value="25">25
<option value="26">26
<option value="27">27
<option value="28">28
<option value="29">29
<option value="30">30
<option value="31">31
</select>
</td>
<td align=center>
<input type=text name=year value="19" size=4 maxlength=4>
</td></tr>
</table><p>
<input type=button value="Считать" onClick="calculate()">
</center>
</form> 


</body>
</html>

Этот скрипт взят из "Сборника 1000 яваскриптов".

На этом на сегодня все.
До встречи в следующих выпусках.

javascript05@narod.ru


Уважаемые читатели. Специально для всех интересующихся JAVASCRIPT я подготовил электронную книгу "Сборник 1000 яваскриптов -демонстрационная версия". Скачать эту книгу Вы сможете отсюда -
СКАЧАТЬ ДЕМОНСТРАЦИОННУЮ ВЕРСИЮ СБОРНИКА    
Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: inet.webbuild.javascript05 		Отписаться
Вспомнить пароль
В избранное