E-mail Добавить в "Избранное" Сделать "ТвойWeb" стартовой
Здесь находится флеш баннер. Чтобы увидеть его Вы должны установить Flashplayer
 
Новости сайта
02 [F]апреля, 2006
08 [F]декабря, 2005
17 [F]октября, 2005
16 [F]июля, 2005
25 [F]декабря, 2004
======================
Предыдущие новости
<< < 01 02 03 04 05 > >>
 
 
 

Дизайн для своей гостевой книги на Народ.ру (продолжение)

На предыдущем уроке вы узнали, как сделать свой дизайн гостевой книги на хостинге Narod.ru. Тогда мы рассмотрели вариант, при котором форма отправки и сами сообщения находились на разных страницах.
Теперь перейдем ко второму варианту, а именно, когда форма и сообщения выдаются пользователю одновременно, то есть выложены на одной странице.

Нам понадобится создать два текстовых файла (*.txt).
- main.txt (в нем мы опишем, как будут выглядеть сообщения)
- read.txt (читать гостевую книгу)

1.    main.txt

Создайте файл main.txt. О нем уже было очень подробно рассказано, поэтому просто возьмем уже готовый файл main.txt с прошлого урока:

<table width="100%" border="1" cellspacing="1" cellpadding="1" bordercolor="#000000">
<tr>
<td><font color="#CC0000" size="1" face="Geneva, Arial, Helvetica, sans-serif">
<SCRIPT LANGUAGE=javascript>
<!--
document.write(C2UT({JSDATE}));
//-->
</SCRIPT><NOSCRIPT>{DATE}</NOSCRIPT></font></td>
<td><a href="mailto:{AUTHOREMAIL}"><font color="#996600" size="1" face="Verdana, Arial, Helvetica, sans-serif">{AUTHORNAME}</font></a></td>
<td><a href={URL}><font color="#996600" size="1" face="Verdana, Arial, Helvetica, sans-serif">{URL}</font></A></td>
</tr>
<tr>
<td colspan="3"><font color="#996600" size="1" face="Geneva, Arial, Helvetica, sans-serif">{MESSAGE}</font></td>
</tr>
<tr>
<td colspan="3"><font color="#003399" size="1" face="Verdana, Arial, Helvetica, sans-serif">{OWNERREPLY}</font></td>
</tr>
</table>
<br><!--Это для того , чтоб следующее сообщение небыло слишком близко к предыдущему -->

2.    read.txt

Теперь создадим файл read.txt
Вот его код:

<html>
<head>
<title>Гостевая книга </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<!-- Начало кода Javascript-->
<SCRIPT language=javascript>
<!--
function ALZ(s) {
return (s<10?"0":"")+s.toString();
}
function C2UT(s) {
d=new Date(s);
return ALZ(d.getDate())+"."+ALZ(d.getMonth()+1)+"."+d.getFullYear()+" "
+ALZ(d.getHours())+":"+ALZ(d.getMinutes());
}
//-->
</SCRIPT>
<!-- Конец кода Javascript-->
</head>
<body>
<!-- Начало кода формы отправки сообщений-->
<div align="center">
<FORM ACTION=leave_message.xhtml method=post>
<INPUT TYPE=HIDDEN NAME=owner VALUE={OWNERID}>
<INPUT TYPE=HIDDEN NAME=newlocation
VALUE=http://www.narod.ru/guestbook/?owner={OWNERID}
&mainhtml=read.txt&messageshtml=main.txt>
<!-Внимание! В этой строчке (выше) не должно быть разрывов строки! В тексте - перенос вынужденный. Проверьте скопированный текст, иначе Гостевая не будет работать корректно -->
<font color="#FFFFFF" size="4" face="Verdana, Arial, Helvetica, sans-serif"><strong>Добавить Сообщение <br>
<br>
</strong></font>
<table width="381" border="0" cellspacing="1" cellpadding="0" align="center" bgcolor="#990000">
<tr bgcolor="#000066">
<td width="181"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Ваше
имя </strong></font><br></td>
<td width="200"> <div align="center">
<INPUT TYPE=TEXT SIZE=30 NAME=your_name >
</div></td>
</tr>
<tr bgcolor="#000066">
<td><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Ваш e-mail </strong></font><BR></td>
<td> <div align="center">
<INPUT TYPE=TEXT SIZE=30 NAME=your_email >
</div></td>
</tr>
<tr bgcolor="#000066">
<td><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong><font color="#FFFFFF">URL
Вашей страницы</font></strong></font><font color="#FFFFFF"><strong><font face="Verdana, Arial, Helvetica, sans-serif">:</font></strong></font></td>
<td> <div align="center">
<INPUT TYPE=TEXT SIZE=30 NAME=your_url >
</div></td>
</tr>
</table>
<div align="center"><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Сообщение:</strong></font><br>
<TEXTAREA ROWS=5 COLS=44 NAME=your_message ></TEXTAREA>
<BR>
<BR>
<INPUT TYPE=SUBMIT VALUE="Добавить">
&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT type="reset" VALUE="Очистить">
</div>
</form>
</div>
<!-- Конец кода формы отправки сообщений-->
<!-- Начало кода вывода сообщений на страницу-->
<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td><br>
{MESSAGES}
<HR>
{PAGEBAR}
<br>
</td>
</tr>
</table>
<!-- Конец кода вывода сообщений на страницу-->
</body>
</html>

Пояснения:

В тексте уже есть комментарии, из чего состоит файл.
Код JavaScript - нужен, чтобы выводить время на странице с сообщениями. В прошлом уроке он был в начале файла read.txt.
Код формы отправки сообщений - его мы взяли из файла write.txt (с прошлого урока)
Код вывода сообщений на страницу - взят из файла read.txt

В данном варианте форма отправки сообщений будет находиться вверху страницы. Если вы хотите, чтобы форма была внизу, просто поменяйте местами код формы и код вывода сообщений.

Поместите все *.txt файлы в корневой каталог.
Чтобы посетитель мог попасть в вашу гостевую книгу и написать сообщение, вам надо указать такую ссылку:
http://www.narod.ru/guestbook/?owner=Вашлогин&mainhtml=read.txt&messageshtml=main.txt
Где "Вашлогин" - это первое слово в адресе вашего сайта. Например, адрес сайта http://primer.narod.ru, значит вместо "Вашлогин" в ссылку вставите "primer".

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

Если возникнут вопросы, вы можете задать их на нашем форуме.

К оглавлению Наверх Дальше