728x90 반응형 HTML22 [jQuery] 간단한 별점 기능 리뷰 폼 작성 물건을 사고 나서 리뷰를 작성하거나,온라인으로 어떤 일이든 돈을 주고 나면 후기를 작성하는 경우가 많습니다. 이런 경우 후기에는 별점이 빠질 수 없습니다.이런 별점 시스템을 통해서 사용자들은 좀 더 쉽고 편하게 이 서비스의 품질을 알 수 있고,내가 사용한 상품에 대해서도 상세한 후기를 적어 판매자와 이후 구매할 소비자들에게 좋은 영향을 끼칠 수 있습니다. 그럼 간단하게 이런 별점 시스템, 리뷰 폼을 작성하는 법을 알아보겠습니다. html 코드 작성 먼저 html 코드를 작성해 보겠습니다. 리뷰작성 폼 html 코드는 정말 간단하게 적어보았습니다. star_rating 클래스에는 별점을 표시해 줄 별의 이미지와 빈별의 이미지를 나타내줄 span태그를 사용했습니다.이.. 2023. 9. 25. [javascript] "변경사항이 저장되지 않을 수 있습니다" 경고창 안나오게 하기 (onbeforeunload) 사이트에서 무언가 작업을 하거나, 작성을 하다가 페이지를 벗어나려 할 때,"페이지를 벗어나시겠습니까? 변경사항이 저장되지 않을 수 있습니다"라는 경고창을 보신 분들 꽤 많을 것입니다. 이 경고창이 필요할 때 제때 잘 나와주면 실수로 페이지 벗어나는 것도 방지되고 좋지만,메인페이지나, 정보를 수정하고 저장버튼을 눌렀을 때 저런 메시지가 나온다면 헷갈릴 수 있겠죠.내가 수정한 정보들이 저장되지 않는다는 뜻처럼 보이니까요. 이럴 때 onbeforeunload 이벤트를 사용하여 메시지를 나오지 않게 처리한다거나,혹은 해당 메시지를 출력하게 설정할 수 있습니다. onbeforeunload 이벤트? onbeforeunload 이벤트는 보통 페이지를 벗어날 때 발생하는 이벤트입니다.예를 들어 새로고침.. 2023. 4. 21. [jQuery] 클릭하지 않고 클릭 이벤트 발생 시키는 방법 웹페이지를 작성하다 보면, 하나의 버튼을 클릭했을 때 다른 버튼도 함께 동작하면 좋겠다 싶은 때가 있습니다.혹은, 순차적으로 이벤트가 발생해야 될 때가 있습니다.이럴 때마다 이미 작성해 두었던 이벤트를 다시 코딩해서 적는 건 너무 비효율 적입니다.그때 사용하면 좋은 메서드인 trigger에 대해서 알아보도록 하겠습니다. trigger 이벤트란? . trigger 이벤트는 click와 같은 javaScript 이벤트 유형을 포함하는 문자열입니다.트리거 이벤트는 트리거 이벤트 작동을 선언하기 전에 앞에서 이벤트 핸들러가 정의되어 있어야 합니다. 예를 들어 클릭 이벤트를 트리거를 사용하여 동작시키고 싶다면,클릭이벤트에 관한 코드를 먼저 작성해 주어야 합니다.코드는 순차적으로 실행되니 트리거 이벤트 위에.. 2023. 4. 19. [jQuery] number와 정규식을 활용하여 input 박스에 숫자만 입력 가능하게 하는 법 모바일로 텍스트 박스를 터치했을 때,키보드가 한글, 영문으로 변경이 불가능하고 숫자 키보드만 나오는 경험 해보신 적 있을 것입니다. 마찬가지로 PC에서도 "숫자만 입력하세요"라는 박스에,영어나 한글 특수문자 등을 사용하려 해도 입력되지 않게 설정되어 있는 것들도 있습니다. 오늘은 이렇게 숫자만 입력받아서 처리해주어야 하는 상황에서 다른 문자는 입력하지 못하게 하는 방법을 알아보려 합니다. input type="number"를 사용하는 방법 먼저 가장 간단한 방법입니다. input type을 number로 지정해 두면 숫자만 입력 가능하게 됩니다.단점은 문자 하나 입력하고 다른 곳 클릭하고 와서 또 입력하고 하면 한 글자씩은 입력이 되는 것입니다. 숫자만 입력하랬는데 이렇게 문자를 굳이 입력하.. 2023. 4. 12. 이전 1 2 3 4 5 6 다음 728x90 반응형
