웹솔루션개발 25년 노하우! 해피CGI의 모든것

popModal은 jQuery 플러그인을 이용하여 ​툴팁, 제목, 모달, 대화상자, 확인 팝업 모달을 만들수 있습니다 1.jQuery 가 필요 합니다. 2.css 와 popModal.min.js 파일을 호출하세요. 3.버튼을 생성하여 모달 클릭할 준비하세요. 4.버튼을 클릭하면 생성될 모달을 만들어주세요. 위의 방법이 기본적인 모달 생성 방법 입니다. 다양한 옵션이 존재 하네요. 유의사항 popModal 을 이용하여 동적모달을 생성할 수 있습니다. 하지만 로컬 형태에서는 작동하지 않으니 웹에서 테스트 해 보셔야 합니다. 그리고 라이센스는 MIT 라이센스 입니다. ​

다운로드 받은 압축파일을 해제한후, index.html 파일을 웹브라우저로 열어서 보면 샘플을 확인하는게 가능합니다. 위 그림과 같은 탭메뉴를 화면에 표시해줍니다. 웹페이지에 탭메뉴를 구현해 둔 자바스크립트와, HTML소스코드는 예제가 매우 많지만, 탭메뉴의 개수, 적용되는 효과, 작동하는 이벤트 등의 이유로 다소 이용하기에 복잡한게 많습니다. 이 프로그램은 비교적 간단하게 사용할 수가 있어서 유용할것 같네요. 1. 위와 같이 ul, li 태그로 탭메뉴 부분을 만들고, 각 탭에 연결되는 컨텐츠를 코딩합니다. 2. jquery 와 tabs.js 가 로딩되도록 위 태그를 넣어줍니다. ​ ​3. ul 태그에 지정한 id 를 이용해서 위와 같은 스크립트로 탭메뉴를 활성화 시킬수 있습니다. 심플한 만큼 다양한 기..

css 로 구현되는 마우스 오버시 메뉴 애니메이션 효과입니다.

- 라이센스 MIT - 사용 방법 1. 파일 상단에 star-rating-svg.css 파일을 불러옵니다. 2. 별점을 노출할 빈 DIV 객체에 jq-stars 클래스를 걸어줍니다. 3. 파일 상단에 JQuery 라이브러리와 jquery.star-rating-svg.js 파일 링크를 걸어줍니다. 4. 별점을 노출할 빈 DIV 객체에 플러그인을 호출합니다. 5. 플러그인 상세 옵션 및 Method, Event는 사이트 링크를 참고하세요. - 작동 예제

- 라이센스 MIT - 사용 방법 1. 파일 상단에 JQuery 라이브러리와 slectrange.js 파일 링크를 걸어줍니다. 2. 옵션이 없는 셀렉트박스 객체를 추가합니다. 3. 각 객체에 min, max 값을 조절하여 selectRange 플러그인을 호출합니다. - 작동 예제 ​ ​ ​

phpSysInfo 는 php로 제작된 서버모니터링 시스템입니다. 서버의 하드웨어 정보 및 메모리 점유율, 하드사용량, 레이드상태 등 상세하게 출력하고 있습니다. http://phpsysinfo.github.io/phpsysinfo/ 사이트에 접속을 해서 소스 다운로드 및 데모 확인이 가능 합니다. 데모 페이지로 접속을 하면 아래와 같이 데모 페이지를 확인이 가능 합니다. (http://phpsysinfo.sourceforge.net/multi/index.php?disp=bootstrap) 상단에서 언어를 KO 로 변경시 한글로도 확인이 가능 합니다.

웹사이트를 이용하는 사용자들이 특정 카카오톡 채널을 연결을 쉽게 할 수 있는 기능의 API 입니다. (구 플러스 친구) https://developers.kakao.com/docs/latest/ko/kakaotalk-channel/common 페이지에서 API 소개를 확인 할 수 있습니다. 해당 기능은 카카오톡 채널을 카카오톡으로 연결만 해주는 역할을 하고 있는데, 이 사유는 해당 페이지에 자세하게 명시 되어 있습니다. 해당 버튼의 장착 방법은 https://developers.kakao.com/tool/social-plugin/channel/add 페이지에서 확인이 가능 합니다. 채널 ID를 입력하시고 버튼크기를 지정하신뒤에, 하단의 코드생성 버튼을 클릭 하시면 완성된 소스를 확인이 가능 합니다. 추가..

안녕하세요 해피CGI 입니다. 해피 자동차중개 솔루션 모바일 Ver2.1 [V7 장착옵션] 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 자동차중개 솔루션 Ver7.1 [미니홈피 내장] 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. ​ 더 좋은 모습으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 자동차중개 솔루션 Ver7.1 [미니홈피 내장] 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.