Основная концепция того, как javascript заменяет ввод html чем-то интерактивным?

Question

Это концептуальный вопрос очень низкого уровня.

У меня есть контент-сайт, где пользователи могут оценивать комментарии, оставленные другими пользователями, используя выпадающую форму с двумя вариантами: +1 или -1.

Я бы хотел "превратить" это в красивую стрелку вверх / вниз, как комментарии reddit.

Я понимаю, что есть способ сделать это с помощью CSS + javascript, но я не понимаю, что это за метод и как он работает, поэтому я могу начать изучать его. Что именно мне нужно сделать, чтобы превратить этот выпадающий список в виджет для голосования вверх / вниз?

Мне не нужна помощь с фактическим ранжированием комментариев, алгоритмом или чем-то еще, я просто хочу понять, как заменить этот элемент интерфейса на что-то более дружественное.

Answer 1

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

Answer 2

Для этого у вас должно быть два изображения. А когда по нему кликают лучше, сделайте ajax запрос и обновите значение до базы данных.

Если рейтинг только один раз, вы можете отключить изображения после успешного обновления базы.

В СО они используют четыре изображения для повышения и понижения. Два из них указывают статус щелчка, а два - статус по умолчанию. Когда вы нажимаете на изображение со статусом по умолчанию, выполняется вызов на сервер, и в случае успеха изображение меняется на активное.

Answer 3

Проверьте это.

http://developer.yahoo.com/yui/examples/button/btn_example07.html

И, возможно, эти

http://developer.yahoo.com/yui/examples/button/btn_example04.html

Я полагаю, что все они работают над встроенной разметкой или генерацией javascript.