Главная » 2011 » Июль » 6 » Хранение заметок на Cookie (Javascript)
06.07.2011, 14:23

Хранение заметок на Cookie




Скрипт сохраняет текст заметки в Cookie
Код скрипта (Ставить на отдельную страницу):
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_zametka" 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
  
.input_zametka {  
background: url('http://s004.radikal.ru/i205/1107/79/24b47c451dbb.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_zametka {
  padding: 2px;
}
.input_zametka {
padding: 40 10 10 40px;
}
.input_zametka {
  border:0px solid #999;  
}
.input_zametka {
  overflow: auto;
}
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Оформление, переделка - razvlekuxa.pp.ua, Основа скрипта - Frolov-lib.ru
Категория: JavaScript's | Просмотров: 1899 | Добавил: KristiCat | Рейтинг: 4.3/3 |
Теги: На, заметок, хранение, Cookie
Всего комментариев: 5
0  
1 MaSTerGuiTar -Infoscript Team-  (06.07.2011 19:44) [Материал]
Аватар пользователя
Не очень надёжно biggrin

0  
2 KristiCat   (06.07.2011 20:16) [Материал]
Аватар пользователя
В смысле?

0  
3 MaSTerGuiTar -Infoscript Team-  (06.07.2011 21:41) [Материал]
Аватар пользователя
После чистки Cookie всё пропадёт smile

0  
4 Глеб   (12.07.2011 09:53) [Материал]
Аватар пользователя
А подскажите как изменить цвет (с оранжевого на синий)? cry

0  
5 antisept -Infoscript Team-  (12.07.2011 10:45) [Материал]
Аватар пользователя
Просто замени вот эту картинку на свою: http://s004.radikal.ru/i205/1107/79/24b47c451dbb.png

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]