1. JavaScript / Говнокод #3778

    +170

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    35. 35
    36. 36
    37. 37
    38. 38
    39. 39
    40. 40
    41. 41
    42. 42
    43. 43
    44. 44
    45. 45
    46. 46
    47. 47
    48. 48
    49. 49
    50. 50
    star1.onmouseover = function () {
    star1.className = 'selected';
    }
    star1.onmouseout = function () {
    star1.className = 'not-selected';
    }
    star2.onmouseover = function () {
    star1.className = 'selected';
    star2.className = 'selected';
    }
    star2.onmouseout = function () {
    star1.className = 'not-selected';
    star2.className = 'not-selected';
    }
    star3.onmouseover = function () {
    star1.className = 'selected';
    star2.className = 'selected';
    star3.className = 'selected';
    }
    star3.onmouseout = function () {
    star1.className = 'not-selected';
    star2.className = 'not-selected';
    star3.className = 'not-selected';
    }
    star4.onmouseover = function () {
    star1.className = 'selected';
    star2.className = 'selected';
    star3.className = 'selected';
    star4.className = 'selected';
    }
    star4.onmouseout = function () {
    star1.className = 'not-selected';
    star2.className = 'not-selected';
    star3.className = 'not-selected';
    star4.className = 'not-selected';
    }
    star5.onmouseover = function () {
    star1.className = 'selected';
    star2.className = 'selected';
    star3.className = 'selected';
    star4.className = 'selected';
    star5.className = 'selected';
    }
    star5.onmouseout = function () {
    star1.className = 'not-selected';
    star2.className = 'not-selected';
    star3.className = 'not-selected';
    star4.className = 'not-selected';
    star5.className = 'not-selected';
    }

    Реализация звёздочек для рейтинга. При наведении мышкой на звёздочку все предшествующие ей звёздочки "загораются", при отведении — "потухают".

    Запостил: eval, 25 Июля 2010

    Комментарии (16) RSS

    • показать все, что скрытоИ как улучшить? Ничего в голову не приходит, кроме как переписать ЭТО со сквозными присваиваниями (те же яйца, в профиль).
      Ответить
      • Есть массивы, индексы, циклы..
        Ответить
        • Что-нибудь вроде такого? (На скрипте не рискну):
          void MouseOver(int StarNumber) {
            for (int i = 1; i <= StarNumber; i++) 
              Stars[i].ClassName = "selected";
          }
          Ответить
      • в гугл: циклы (программирование)
        Ответить
      • помнится, лет 5 назад делали такие звездочки с использованием только прямых рук и css. но это не энтерпрайз, да.
        Ответить
        • ну если на чистом цсс и менюху можно сделать, то уж звездочки....
          Ответить
          • а разве менюшки делают по другому? :)
            со звездочками сложнее чем с менюшками. или это я тогда был моложе и зеленее
            Ответить
            • еще ж остается и яваскрипт, как в старые добрые времена
              Ответить
        • Вложенные теги a?
          Ответить
    • Хорошо, что звёздочек всего пять.
      Ответить
      • ага))
        хотя чем больше звездочек, тем больше шансов, что говнокодер обломится копи-пастить и подумает.....
        хотя трудолюбивые нации это не останавливает...
        таки лень - двигатель прогресса
        Ответить
        • Чем больше звёздочек — тем больше выдержка.
          Ответить
      • даешь 100-балльную систему оценок! )))
        Ответить
    • фантазия автора поражает...
      Ответить

    Добавить комментарий