Webi Blog

웹아이에서 운영되고 있는 블로그입니다.

jquery 6

jQuery Ajax 사용 시 Form 데이타를 한방에 쉽게 전송하기!! | serialize()

Ajax로 프로그램을 만들 때 혹은 Form데이터를 Query String 형식으로 변경해서 사용할 때 어떠한 방법을 사용하시나요? 일일이 하나씩 데이터를 불러와서 사용합니다! 네, 보통은 폼 값을 하나씩 불러와 Ajax 데이터로 만들어서 사용하는 경우가 대부분일 겁니다. 하지만 불어와야 하는 Form 데이터가 30개? 50개? 100개? 이렇게 항목이 많은 경우에는 하나씩 불러와서 넣어주는 건 너무 힘들어요ㅜ 이럴 때 사용할 수 있는 jQuery의 유용한 함수가 있습니다. 바로 serialize()입니다. serialize함수는 실렉터 한 폼의 input 데이터들을 쿼리 스트링으로 변경해주는 역할을 합니다. 저는 ajax로 예를 들었지만 폼 데이터를 쿼리 스트링으로 사용해야 할 때 유용하게 사용할 수 ..

Web/Script 2022.02.26

OWL Carousel로 슬라이드를 간편하게 만들기

안녕하세요 :) 오늘은 오픈소스인 그누보드에 기본적으로 내장되어 있는 "owlcarousel" 플러그인 사용법을 알아보도록 하겠습니다. 만약에 그누보드에 없거나 별도로 개발을 하실 경우는 https://owlcarousel2.github.io/OwlCarousel2/ 사이트에서 직접 다운로드를 받아 사용하실 수 있습니다. :) 우선 그누보드 기준으로 플러그인의 JS 위치와 소스 위치를 알려드리겠습니다. 위에 보이는 사진처럼 owl 플러그인은 js 폴더안에 "owlcarousel" 이름으로 있습니다. 그누보드에서는 "head.sub.php"파일에태그안에서 확인해보시면 됩니다. 만약 구버전이거나 적용이 되어 있지 않다면 위 사진과 같이 적용을 하시면 되겠습니다. 모든 준비가 완료되었다면 실제 슬라이드를 적용..

Web/Plugin 2021.08.30

jQuery의 Datepicker는 뭔가 아쉬워, 시간이 필요해 | DateTimePicker

jQuery의 datepicker를 아시나요? jQueryui에서 input form에서 날짜를 아주 쉽게 선택할 수 있도록 해주는 아주 고마운 녀석이죠..... 바로 이건데요~ 저기 input 박스를 클릭하면 이렇게 날짜를 선택할수 있게 나옵니다. 하지만...이름 그대로 날짜만 선택할 수 있어요.... 가끔 시간도 같이 선택해줘야 할때가 있는데.... 그래서 다른 플러그인을 써야합니다~ 바로 datetimepicker 죠~ 이름에서부터 알 수 있듯이 날짜와 시간을 선택할 수 있게 해주는 플러그인 입니다~ https://xdsoft.net/jqplugins/datetimepicker/ datetimepicker 플러그인을 다운로드 받을수 있는 사이트 주소입니다. 상단에 보이는 download (zip) ..

Web/Plugin 2021.08.27

PHP 배열을 손쉽게 JSON 형식으로 변환하기 | json_encode, json_decode

여러분들 PHP로 개발하실 때 배열 많이 사용하시나요? 저는 정말 많이 사용하는데요~ 배열을 잘 사용한다면 더욱 편하게 개발할 수 있는 것 같아요~ 오늘은 배열을 JSON 형식으로 변환하는 함수에 대해서 알아보겠습니다. 다들 JSON이 뭔지 아시죠? json은 자바스크립트 언어에서 파생되어 자바스크립트의 구문 형식을 따르지만, C, C++, C#, 자바, 펄, 파이썬 등 수많은 프로그램 언어에서 쉽게 사용할 수 있는 독립형 데이터 포맷이라고 합니다. 그냥 쉽게는 배열이랑 비슷한데 쓰는 방법이 좀 다르다!! 그리고 print 하면 문자열로 출력이 된다고 보시면 됩니다~ 물론 PHP에서는 사용이 불가능합니다!! json을 php에서 사용하려면 배열로 변환해서 사용해야 합니다. 저는 주로 데이터를 주고받거나 ..

Web/PHP 2021.08.26

php 문서내의 자바스크립트 코드를 해석 부탁드림니다.

Q. 1. ploginframe ID(아이디)를 가진 엘리먼트를 보여준다?? 2. window.frames["ploginframe"].location = "plogin.php";는 window.location.href = "plogin.php"; 와 무었이 다르고 사이에 프레임을 넣은 읨는 무었인지?3. document.getElementById("ploginframe").reload(true);는 새로고침인데 history가 남지 않아서 뒤로가기를 할수 없다?? 여기저기 찾아봐서 의미는 대충 알겠는데 정확한 뜻을 알고 싶습니다. A.1. ploginframe ID(아이디)를 가진 엘리먼트를 보여준다?? - ploginframe ID를 가진 앨리먼트를 화면상에 보여줍니다. 예를 들면 레이어 팝업을 예를 ..

Kin 2018.07.06