728x90 반응형 코딩39 [jQuery] 버튼 클릭 시 박스 숨기기, 보이기 (show, hide) 버튼을 클릭했을 때, 혹은 특정 이벤트가 발생했을 때,특정 영역이 나타나거나 사라지는 패턴들 여러 사이트에서 많이 볼 수 있습니다.이런 애니메이션 효과는 jQuery를 사용하면 손쉽게 구현할 수 있습니다.이 글에서는 jQuery를 활용하여 버튼을 클릭 시 해당하는 박스를 숨기고 보이는 기능에 대해서 설명하도록 하겠습니다. 버튼 클릭으로 숨기고 보이기 처리하기 위의 예제 이미지와 같이 숨기기와 보이기 버튼을 만들어두고,숨기기 버튼을 클릭 시 패널이 사라지고, 보이기 버튼을 클릭 시 패널이 다시 보이게 되는 것을 만들어 보도록 하겠습니다. 패널의 내용이 표시되는 곳 입니다. 코드는 위와 같이 간단하게 구현이 가능합니다.아이디가 hide_btn를 클릭 시 id가 panel인.. 2022. 12. 27. [PHP] foreach문 반복문 사용하기 php에는 여러 가지 반복문이 있습니다. 이 반복문을 활용하여 코드의 길이를 현저히 줄일 수 있으며,처리 속도를 향상하는 등 다양한 긍정적인 면이 있습니다.코딩을 하는 개발자들에겐 필수적으로 알아두어야 할 것 중 하나가 반복문입니다.그중에서 이 글에서는 foreach 반복문에 대해서 알아보겠습니다. foreach문 간단 설명 foreach문은 for문과 다르게 반복 횟수를 지정하지 않고,배열의 원소 개수만큼 반복하는 반복문입니다. 배열의 각 원소의 값마다 따로따로 처리를 해주어야 할 때 for문보다 더 깔끔하고 간단한 코드를 만들 수 있습니다. 사용방법 사용방법은 간단하게 두 가지가 있습니다. value 값만 나타내는 방법foreach($array as $value) key와 value값을 모두 나.. 2022. 12. 22. [jQuery] 값을 입력하지 않았을 때 경고창 띄우기 (alert) 값을 넘길 때 입력된 것이 아무것도 없는데 페이지만 이동된다면, 난처한 상황이 많이 발생합니다.예를 들어 회원가입 할때, 아이디와 비밀번호를 입력하지 않았는데도 회원가입이 완료된다면 안되겠죠?이때 jQuery를 활용하여 입력된 값이 없을 때는 페이지 이동이 되지 않도록 경고창을 띄워 줄 수 있습니다. html 코드 예제는 햄버거 세트메뉴 만들기라는 주제로 작성해 보았습니다.세트 이름과 세트 메뉴의 소개는 input 텍스트 박스와 textarea 박스로 입력받도록 했고,세트 구성 메뉴는 다중 선택이 가능한 checkbox를 활용해 보았습니다. test_page.php 세트이름 세트 메뉴소개 .. 2022. 12. 20. [PHP/HTML] form태그를 사용하여 다른 페이지로 값 넘겨주기 (hidden) 홈페이지를 사용하다 보면 현재 페이지의 값들을 다른 페이지로 넘겨주어 작업하고 싶을 때가 많습니다.예를 들면 로그인이나, id값이나, 현재 선택한 값들을 처리할 때입니다. 여러 가지 방법들이 있지만 먼저는 hidden을 사용하여 보이지 않게 넘겨주는 방법부터 살펴보도록 하겠습니다. hidden을 이용하여 값 넘겨주기 hidden을 사용하면 text박스처럼 사용자에게 직접적으로 보여주지 않고,보이지 않게 다른 페이지로 값을 넘겨줄 수 있어서 유용하게 사용이 많이 됩니다. 예제를 통해서 자세한 설명 하도록 하겠습니다. test_page.php "> "> "> hidden 값 넘기기 " style="margin-top:10px;"> php에서 먼저 .. 2022. 12. 19. 이전 1 ··· 6 7 8 9 10 다음 728x90 반응형
