var list = $("#selectList");
$.each(items, function(index, item) {
list.append(new Option(item.text, item.value));
});
var list = document.getElementById("selectList");
for(var i in items) {
list.add(new Option(items[i].text, items[i].value));
}
Каждый абзац (
) в документе имеет идентификатор ( cn0, cn1,
и т. Д.) И класс ( сп
). Это единственная часть системы комментариев, отображаемая рядом с текстом. Также на странице есть div
, который действует как всплывающее окно, которое также содержит форму комментария.
Остальное делается с помощью Javascript. Когда страница загружается, они отправляют AJAX-запрос обратно, чтобы получить номер и расположение всех комментариев в документе. Это выглядит так:
[[0,4],[3,2],...]
С помощью этого он добавляет div
на поле с речевым пузырем и количеством комментариев в этой строке.
Когда вы нажимаете на пузыри, инициируется другой запрос AJAX чтобы получить комментарии к этому пузырю. В этом случае они отправляют фактический HTML-код для визуализации вместо объекта JSON, как раньше.
На бэкэнде (сейчас это все предположения) они привязывают каждый набор комментариев к документу и месту в этом документе (это позволяет им отображать все комментарии к документу сразу). Я бы, вероятно, использовал для этого встроенное приложение для комментариев и либо упаковал оба элемента в один внешний ключ, создав модель для связи документа и местоположения, либо создав подкласс самой модели комментариев.
Надеюсь, это поможет вам в правильном направлении. Вы, вероятно, сможете узнать больше, посмотрев на их Javascript , , но он был уменьшен, поэтому его немного трудно читать (ОБНОВЛЕНИЕ: обнаружены неминифицированные js). Они построены на YUI, но код довольно прост.
Надеюсь, это поможет вам в правильном направлении. Вы, вероятно, сможете узнать больше, посмотрев на их Javascript , , но он был уменьшен, поэтому его немного трудно читать (ОБНОВЛЕНИЕ: обнаружены неминифицированные js). Они построены на YUI, но код довольно прост.
Надеюсь, это поможет вам в правильном направлении. Вы, вероятно, сможете узнать больше, посмотрев на их Javascript , , но он был уменьшен, поэтому его немного трудно читать (ОБНОВЛЕНИЕ: обнаружены неминифицированные js). Они построены на YUI, но код довольно прост.
Надеюсь, это приведет вас в правильном направлении. Вы, вероятно, сможете узнать больше, посмотрев на их Javascript , , но он был уменьшен, поэтому его немного трудно читать (ОБНОВЛЕНИЕ: обнаружены неминифицированные js). Они построены на YUI, но код довольно прост.
Надеюсь, это приведет вас в правильном направлении. Вы, вероятно, сможете узнать больше, посмотрев на их Javascript , , но он был уменьшен, поэтому его немного трудно читать (ОБНОВЛЕНИЕ: обнаружены неминифицированные js). Они построены на YUI, но код довольно прост.
Я думал, что сайт DjangoBook был построен с использованием Django, что, похоже, подразумевает, что он использует фреймворк комментариев Django .
ОБНОВЛЕНИЕ: здесь есть примечание , который приписывает большую часть кода для системы комментариев Джеку Слокуму . Ссылка на странице DjangoBook мертва, поэтому я не смог найти никакой дополнительной информации, но может быть тем, что упомянутый код предназначен для частей YUI / AJAX, которые делают возможным контекстное комментирование.
Давным-давно (2 года назад) кто-то создал проект Django, имитирующий DjangoBook, под названием Open Book Platform .
Он долгое время бездействовал раз и может даже не работать должным образом на Django 0.96, не говоря уже о 1.0.x. Однако, когда я просто зашел, чтобы получить URL-адрес, я заметил, что за последний месяц была некоторая активность.
Вы можете попробовать использовать WordPress с плагином CommentPress, который добавляет подобное поведение.
Коробка для примерения построена на тех же принципах, что и система комментариев Djangobook, его бесплатный сервис для небольших сайтов.
И в отличие от проектов или плагинов других упомянутых на этой теме, его можно использовать на любой HTML-странице, интеграция - это всего лишь несколько линий JavaScript.
Их первая страница имеет живую демонстрацию http://www.remarkbox.com/
Вас может заинтересовать Вуки. Это платформа для совместной работы со 100% открытым исходным кодом и бесплатная. Он был основан на системе Django Book.
Взгляните: http://wookicentral.com