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

@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>

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .

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

	Календарь с заметками 24.05.2013, 11:30. Показов 7526. Ответов 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