Скрипт хранения заметок на Cookie для ucoz
Данный скрипт позволяет пользователю записать какую-то заметку на сайте и сохранить ее.
Установка: данный код ставим на отдельную страницу
Code
<center><script language="JavaScript">
<!--
function addCookie(szName,szValue,dtDaysExpires)
{
var dtExpires = new Date();
var dtExpiryDate = "";
dtExpires.setTime(dtExpires.getTime() + dtDaysExpires * 24 * 60 * 60 * 1000);
dtExpiryDate = dtExpires.toGMTString();
document.cookie = szName + "=" + escape(szValue) + "; expires=" + dtExpiryDate;
}
function findCookie(szName)
{
var i = 0;
var nStartPosition = 0;
var nEndPosition = 0;
var szCookieString = document.cookie;
var szTemp = "";
while (i <= szCookieString.length)
{
nStartPosition = i;
nEndPosition = nStartPosition + szName.length;
if(szCookieString.substring(nStartPosition,nEndPosition) == szName)
{
nStartPosition = nEndPosition + 1;
nEndPosition = document.cookie.indexOf(";",nStartPosition);
if(nEndPosition < nStartPosition)
nEndPosition = document.cookie.length;
szTemp = document.cookie.substring(nStartPosition,nEndPosition);
return unescape(szTemp);
break;
}
i++;
}
return "";
}
function removeCookie(szName)
{
var dtExpires = new Date();
dtExpires.setTime(dtExpires.getTime() - 1);
var szValue = findCookie(szName);
document.cookie = szName + "=" + szValue +
"; expires=" + dtExpires.toGMTString();
}
function btnClick()
{
addCookie("MyText",TestForm.Comment.value,10);
}
// -->
</SCRIPT>
</head>
<BODY BGCOLOR=white>
<FORM NAME="TestForm">
<P><TEXTAREA NAME="Comment" input class="input_email" onFocus="if(this.value=='Изменить заметку') this.value='';" onBlur="if(!this.value) this.value='Изменить заметку';" style="overflow:hidden" ROWS="15" COLS="34">
Изменить заметку</TEXTAREA>
<P><INPUT TYPE="button" VALUE="Сохранить заметку"
onClick="btnClick();">
<INPUT TYPE="button" VALUE="Очистить заметку"
onClick="removeCookie('MyText');TestForm.Comment.value=''">
<SCRIPT LANGUAGE="JavaScript">
<!--
var szMyText="";
szMyText = findCookie("MyText");
if(szMyText != "")
{
TestForm.Comment.value = szMyText;
}
// -->
</SCRIPT>
</div>
</div></center>
И код CSS стилей ставим в таблицу стилей:
Code
background: url('http://webo4ka.ru/Ucoz4/xranenie_zametok_na_cooki.png') no-repeat center #f9f9f9;font:12px Verdana,Comic Sans MS,Helvetica,sans-serif;
color:#808080; font-weight: bold;
}
input, textarea {outline:none;} /* откл подсветку оранжевой рамкой */
textarea {
resize: none;
}
.property_input {
padding: 2px;
}
.input_email {
padding: 40 10 10 40px;
}
.input_email {
border:0px solid #999;
}
.input_email {
overflow: auto;
}
Источник: не указан
0 комментариев