Создание интерактивной декартовой сетки в Django - PullRequest
0 голосов
/ 25 февраля 2011

У меня есть вопрос относительно платформы, которую я разрабатываю и которая называется e-cidadania (GPL). Одним из приложений будет что-то вроде доски, куда вы можете помещать сообщения. Меня попросили сделать это как декартову сетку (т. Е. Х = хорошо / плохо, у = дорого / дешево). Мой вопрос: кто-нибудь знает о таком приложении для django? Или, если нет, как я могу это сделать? Понятия не имею, с чего начать.

Я объясню пример использования, если кто-то не понял: вы находитесь в классе, учитель рисует на доске ось и говорит ученикам написать записку. После этого каждый студент поставит свою заметку по оси.

enter image description here

Ответы [ 2 ]

0 голосов
/ 25 февраля 2011

Это может быть немного надуманным, но вместо того, чтобы делать это с одним только django, почему бы вам не использовать эту сторону клиента, используя javascript?

Слушайте меня здесь.

Плагин для построения графиков высоких диаграмм имеет опцию, которая позволяет вам добавлять точки на (декартовом) графике.Проверьте этот пример .Плагин также позволяет отображать пользовательские сообщения при наведении на точки, так что вы можете использовать это для отображения фактического сообщения, и вы можете обработать фактическое сохранение нового сообщения, отправив вновь добавленное сообщение через Ajax.

0 голосов
/ 25 февраля 2011

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

Это не имеет ничего общего с Django или Python, это чисто клиентская сторона.Подумайте, JavaScript.Один из способов - показать изображение с помощью декартовой сетки, установить обработчик onclick и посмотреть, где на изображении был сделан щелчок.Отображение выбранной точки может быть сделано просто путем установки цветного div с абсолютной позицией (относительно положения изображения).

Я не знаю никаких решений plug-and-play, но построение этого не должноне слишком сложно.

Отдельное примечание: я сомневаюсь, что на самом деле это будет более удобным для пользователя, чем просто использование двух ползунков.

Обновление:
Или, если вы хотитепоказать большую декартову диаграмму, где пользователь фактически должен ввести текст в правильной позиции, это можно сделать с той же идеей: создать ввод текста, но скрыть его (отображение: нет).Затем, когда пользователь щелкнет где-то на графике, переместите ввод текста в правильную позицию и покажите его.

...