Для данного скрипта не нужен никакой модуль, в
связи с этим есть свои минусы и плюсы. Как видно из скриншота для работы
скрипта нужно подключить маленький плагин cookies.js Сам скрипт
позволяет в определенный день выводить задаваемый вами текст. Так же
есть функция редактирования напоминания если вы ошиблись при заполнении
формы.
Приступим к установке скрипта. Для начала подключим файл
cookie.js закачав его на свой сайт и поместив между тегами <head> и
</head>
Code
<script type="text/javascript" src="/cookie.js"></script>
Далее перед </body> или просто ниже кнопки вызова скрипта вставляем следующий код:
Code
<script type="text/javascript">
$('#remember002').hide();
function show01() {new _uWnd('rememberadd001','Создание
напоминания',380,200,{autosize:1,maxh:300,minh:100},'<div
id="rememberaddform"><fieldset><legend>Когда напомнить,
например 02.11.2011</legend><input type="text" width="100px"
id="cookiedate" value="" class="remember-cookie" maxlength="10"
style="width:100%;"
/></fieldset><fieldset><legend>Содержимое, максимум
450 символов.</legend><input type="text" width="100px"
id="cookietext" value="" class="remember-cookie" maxlength="450"
style="width:100%;" /></fieldset>' +_uButton(null,'b',{text:
'Напомнить', content: 'onclick="create01();" id="001"'})+
'</div>');};
function create01() {if
($('#cookiedate').val().length == 10 &&
$('#cookietext').val().length > 0) {var cookiedate001 =
$('#cookiedate').val(); var cookietext002 = $('#cookietext').val();
$.cookie('cookie001', cookiedate001); $.cookie('cookie002',
cookietext002); _uWnd.close('rememberadd001'); $('#remember001').hide();
$('#remember002').show(); _uWnd.alert('Напоминание успешно добавлено.',
'',{w:250, tm:3000, h:65});} else {_uWnd.alert('Вы не заполнили оба
поля или допустили ошибку при вводе даты. Проверьте правильность
заполнения.', '',{w:250, tm:5000, h:65});} ;};
$.cookie('cookie001'); $.cookie('cookie002'); if($.cookie('cookie001')
&& $.cookie('cookie002')) {$('#remember001').hide();
$('#remember002').show();}; var date001 = $.cookie('cookie001'); var
text002 = $.cookie('cookie002');
if (date001 == '$DATE$') {new
_uWnd('cookie01','Напоминание',380,200,{autosize:1,maxh:300,minh:50},'<fieldset
style="margin-bottom:3px;"><legend>Сработало
напоминание</legend><div style="text-align:left;">'
+text002+ '</div></fieldset>' +_uButton(null,'b',{text:
'Спасибо что напомнил', content: 'onclick="delete01();" id="002"'})+
'');};
function delete01() {$.cookie('cookie001',
null);$.cookie('cookie002', null);_uWnd.close('cookie01');
$('#cookiedate , #cookietext').val(''); _uWnd.close('rememberdel001');
$('#remember001').show(); $('#remember002').hide();
_uWnd.alert('Напоминание успешно удалено.', '',{w:250, tm:3000,
h:65});};
function show02() {new
_uWnd('rememberdel001','Напоминание',380,200,{autosize:1,maxh:300,minh:100},'<div
id="rememberelement"><fieldset><legend>Напоминание
сработает:</legend><input type="text" width="100px"
id="cookiedate" value="' +date001+ '" readonly="readonly"
class="remember-cookie" maxlength="10" style="width:100%;"
/></fieldset><fieldset><legend>Ваше
сообщение:</legend><input type="text" width="100px"
id="cookietext" value="' +text002+ '" readonly="readonly"
class="remember-cookie" maxlength="450" style="width:100%;"
/></fieldset><table border="0"><tr><td
id="0020">' +_uButton(null,'b',{text: 'Редактировать', content:
'onclick="edit01();"'})+ '</td><td id="0021"
style="display:none;">' +_uButton(null,'b',{text: 'Сохранить',
content: 'onclick="edited01();"'})+ '</td><td>'
+_uButton(null,'b',{text: 'Не напоминать', content:
'onclick="delete01();" id="0022"'})+
'</td></tr></table></div>');};
function edit01() {$('#0020').hide(); $('#0021').show(); $('#cookiedate , #cookietext').removeAttr("readonly"); };
function edited01() {if ($('#cookiedate').val().length == 10
&& $('#cookietext').val().length > 0) {var cookiedate001 =
$('#cookiedate').val(); var cookietext002 = $('#cookietext').val();
$('#cookiedate , #cookietext').attr("readonly" , "readonly");
$.cookie('cookie001', cookiedate001); $.cookie('cookie002',
cookietext002); _uWnd.alert('Редактирование прошло успешно', '',{w:250,
tm:3000, h:65}); $('#0021').hide(); $('#0020').show();} else
{_uWnd.alert('Вы не заполнили оба поля или допустили ошибку при
редактировании. Проверьте правильность заполнения.', '',{w:250, tm:5000,
h:65});};};
</script>
Чтобы вызвать скрипт вставляем
Code
<a
style="cursor:pointer;" id="remember001" onclick="show01();">Создать
напоминание</a><a style="cursor:pointer;" id="remember002"
onclick="show02();">Детали напоминания</a>
Комментарии: