Календарь с заметками

@Atak · Регистрация: 18.08.2011

Студворк — интернет-сервис помощи студентам

Привет!

Нужно написать календарь. Такое не приходилось еще делать...не знаю вооообще с какой стороны подойти. Знаю, что есть библиотека Datepicker. Опыта, к сожалению, почти нет в этом.
Есть некоторые особенности:
- На каждое число можно делать памятку, заметку
- Заметки, сделанные в календаре на то или иное число будут выделяться красным уголоком на нужном числе месяца
- Для просмотра заметок на дату необходимо будет кликнуть левой кнопкой мыши
Подскажите, пожалуйста...логику решения задачи...
Что используется и как для подобных вещей?

@kalabuni · 24.05.2013, 12:01

с заметками - это не браузерный javascript
ибо браузерный javascript работает с текущей страницей
закрыли страницу - и всё пропало: все переменные, все изменения и все заметки очистились

так что вам надо что-то серверное привлечь к этому делу, чтобы на сервере сохранять ваши заметки с привязкой их к датам
--------

в принципе javascript может писать/запомнить информацию - в куках на компе пользователя
но с 365 днями в году - это такая мутотень, что не стоит и браться

@Atak · 24.05.2013, 12:37 **[ТС]**

Сообщение от kalabuni

с заметками - это не браузерный javascript
ибо браузерный javascript работает с текущей страницей
закрыли страницу - и всё пропало: все переменные, все изменения и все заметки очистились

так что вам надо что-то серверное привлечь к этому делу, чтобы на сервере сохранять ваши заметки с привязкой их к датам
--------

в принципе javascript может писать/запомнить информацию - в куках на компе пользователя
но с 365 днями в году - это такая мутотень, что не стоит и браться

а если просто хотя бы календарь реализовать?
Что для него необходимо?

@Опан · 24.05.2013, 15:49

В Эксплорере заметки можно делать в отдельном файле на компьютере с помощью применения элементов ActiveXObject("Scripting.FileSystemObjec t"). Мне даже очень нравится этот способ. Описывается здесь.
На cookies можно делать наверно в любом браузере, но все заметки будут храниться до ближайшего первого выполнения опции очистить cookies.

@alokazay · 25.05.2013, 00:06

а если хранить вечно в localstorage ?

@kalabuni · 25.05.2013, 00:19

Сообщение от Atak

а если просто хотя бы календарь реализовать?
Что для него необходимо?

только браузер

существует объект Date (), в свойствах которого есть всё - год, месяц, день, день недели, часы, минуты, секунды и миллисекунды
причём можно как получать значения этих свойств от объекта Date (), так и устанавливать любое из них ему

кроме того, есть свойство getTime (), которое выдаст количество миллисекунд, прошедших с полуночи 1 января 1970 года до установленной даты
соответственно, прибавляя (или отнимая) продолжительность одного дня (одних суток) в миллисекундах (24 * 60 * 60 * 1000 = 86 400 000), можно получить "завтра" (или "вчера")

кодов календарей в сети - море разливанное, поищите
на всякий случай выложу свой, который когда-то давно делал:

HTML5
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
function madeCalend (g, m)
{
if (self.TBL) TBL.parentElement.removeChild (TBL); 
var D   = (arguments.length)? new Date (g, m) : new Date (),
    ye  = nye = pye = D.getFullYear (),
    mo  = D.getMonth (),
    nmo = mo + 1,
    pmo = mo - 1;
if (nmo == 12) nmo =  0, nye += 1;
if (pmo == -1) pmo = 11, pye -= 1;
var fd  = new Date (ye, mo).getDay () - 1; if (fd < 0) fd = 6;
var nD  = new Date (nye, nmo, 0),
    num = nD.getDate (),
    ld  = nD.getDay () - 1; if (ld < 0) ld = 6;
var tb = document.createElement ('table'); with (tb)
cellSpacing = 0, cellPadding = 2, style.border = '1px solid #000';
for (var j = l = 0, n = 1, lj = (num + fd + 6 - ld) / 7; j < lj; j++)
for (var ro = tb.insertRow (-1), k = 0; k < 7; k++) with (ro.insertCell (-1))
   {
   style.cssText = 'font-family: verdana; font-size: 9pt; padding: 2px 6px; text-align: right; cursor: default';
   if (l++ >= fd && n <= num) innerHTML = n++; else innerHTML = '&nbsp;';
   if (new Date ().getMonth () == mo && new Date ().getFullYear () == ye && n - 1 == new Date ().getDate ()) style.color = '#0080ff', style.fontWeight = 'bold';
   } 
var DA = 'ÏÍ-ÂÒ-ÑÐ-×Ò-ÏÒ-ÑÁ-ÂÑ'.split ('-'), ro = tb.insertRow (0); ro.bgColor = '#0080ff';
for (var j = 0; j < 7; j++) with (ro.insertCell (-1))
   {
   innerHTML = DA [j];
   style.cssText = 'color: #fff; font-family: verdana; font-size: 9pt; padding: 2px 6px; text-align: center; cursor: default';
   } 
var MO = 'ÿíâàðü-ôåâðàëü-ìàðò-àïðåëü-ìàé-èþíü-èþëü-àâãóñò-ñåíòÿáðü-îêòÿáðü-íîÿáðü-äåêàáðü'.split ('-'),
    ro = tb.insertRow (0); with (ro.insertCell (-1))
      {
      innerHTML = '◄';
      style.cssText = 'font-family: verdana; font-size: 10pt; color: #cfcfcf; padding: 6px; text-align: center;  cursor: pointer';
      onmouseover = function () {this.style.color = '#0080ff'}
      onmouseout = function () {this.style.color = '#cfcfcf'}
      onclick = function () {madeCalend (pye, pmo)}
      }
with (ro.insertCell (-1))
   {
   colSpan = 5;
   style.cssText = 'font-family: verdana; font-size: 9pt; padding: 6px; text-align: center; cursor: default';
   innerHTML = MO [mo] + ' ' + ye;
   if (new Date ().getMonth () == mo && new Date ().getFullYear () == ye) style.color = '#0080ff', style.fontWeight = 'bold';
   }
with (ro.insertCell (-1))
   {
   innerHTML = '►';
   style.cssText = 'font-family: verdana; font-size: 10pt; color: #cfcfcf; padding: 6px; text-align: center; cursor: pointer';
   onmouseover = function () {this.style.color = '#0080ff'}
   onmouseout = function () {this.style.color = '#cfcfcf'}
   onclick = function () {madeCalend (nye, nmo)}
   }
TBL = document.body.appendChild (tb);
}
onload = function () {madeCalend ()}
</script>
</head>
<body>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@Atak Warning! 326 / 31 / 12 Регистрация: 18.08.2011 Сообщений: 627

	Календарь с заметками 24.05.2013, 11:30. Показов 7505. Ответов 5 Метки нет (Все метки) Привет! Нужно написать календарь. Такое не приходилось еще делать...не знаю вооообще с какой стороны подойти. Знаю, что есть библиотека Datepicker. Опыта, к сожалению, почти нет в этом. Есть некоторые особенности: - На каждое число можно делать памятку, заметку - Заметки, сделанные в календаре на то или иное число будут выделяться красным уголоком на нужном числе месяца - Для просмотра заметок на дату необходимо будет кликнуть левой кнопкой мыши Подскажите, пожалуйста...логику решения задачи... Что используется и как для подобных вещей? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	24.05.2013, 12:01
	с заметками - это не браузерный javascript ибо браузерный javascript работает с текущей страницей закрыли страницу - и всё пропало: все переменные, все изменения и все заметки очистились так что вам надо что-то серверное привлечь к этому делу, чтобы на сервере сохранять ваши заметки с привязкой их к датам -------- в принципе javascript может писать/запомнить информацию - в куках на компе пользователя но с 365 днями в году - это такая мутотень, что не стоит и браться 0

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	24.05.2013, 15:49
	В Эксплорере заметки можно делать в отдельном файле на компьютере с помощью применения элементов ActiveXObject("Scripting.FileSystemObjec t"). Мне даже очень нравится этот способ. Описывается здесь. На cookies можно делать наверно в любом браузере, но все заметки будут храниться до ближайшего первого выполнения опции очистить cookies. 0

@alokazay 33 / 33 / 6 Регистрация: 14.03.2013 Сообщений: 89
	25.05.2013, 00:06
	а если хранить вечно в localstorage ? 0