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

안녕하세요 해피CGI 입니다. 해피 생활정보 솔루션 타입A Ver2.2 [실시간예약 내장,미니홈피 내장] 이 출시 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

360º 카메라로 찍은 사진과 동영상을 웹상에서 보여주는 기능의 javascript 입니다. 마우스로 드래그를 하여 화면을 옮기면서 볼 수 있습니다. 사진 데모 링크 : http://thiago.me/kaleidoscope/examples/image 동영상 데모 링크1 : http://thiago.me/kaleidoscope 동영상 데모 링크2 : http://thiago.me/kaleidoscope/examples/hls 소스 다운로드는 아래 페이지에서 할 수 있습니다. https://github.com/thiagopnts/kaleidoscope 해당 기능의 구현을 위해서는 서버내에 npm install 이 필요합니다. npm install 이후에 사용법은 비교적 간단합니다. 해당 script에서 이용..

카카오톡 채널에 고객이 1:1 채팅을 연결 할 수 있는 기능의 OpenAPI 입니다. Javascript로 쉽게 장착이 가능 하다는 장점이 있습니다. 연동 소스는 아래 페이지에서 확인을 할 수 있습니다. https://developers.kakao.com/docs/js/kakao-talk-channel 아래는 데모 페이지 주소 입니다. https://developers.kakao.com/docs/js/demos/kakao-talk-channel-chat PC에서 톡상담 버튼을 클릭시 카카오 로그인창이 오픈되고, 로그인을 완료 하는 경우에 팝업창이 아래처럼 변경 되면서 자동으로 해당 로그인된 카카오톡으로 채팅방이 오픈 되어 채팅을 시작 할 수 있게 됩니다. 카카오톡이 설치가 된 스마트폰의 브라우저에서 위 ..

* jTippy tooltip plugin - jQuery 툴팁 플러그인. 뛰어난 반응 형 배치로 사용 및 구성이 쉽습니다. 원하는 영역에 툴팁을 추가하여 문구를 보여주고 문구를 보여주는 동시에 hover, focus효과, background 에 대한 영역을 black, blur 와 같은 효과를 주어 툴팁을 더 돋보이게 만들 수 있습니다 * 사용방법 첨부된 압축파일을 다운받아 원하는 웹디렉터리에 압축을 해제후 html 문서상에 아래와 같은 형태로 코드를 삽입하도록 합니다 코드상단 css 추가 코드하단 js 추가 위와 같이 플러그인관련 css 및 js를 작성하고 본문 코드중단에 아래와 같이 툴팁효과들을 적용할 수 있습니다 툴팁 및 백그라운드 효과 위의 효과외에 툴팁영역을 작게 또는 크게, 컬러를 변경하는등..

안녕하세요 해피CGI 입니다. 해피 종합구인구직 헤드헌팅 솔루션 타입C Ver5.7 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 종합구인구직 솔루션 타입C Ver5.7 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

* wRunner Slider Plugin - wRunner는 슬라이더를 추가하여 값을 선택하는 플러그인입니다. 테마, 단계, 최소 및 최대 값 등을 설정할 수 있습니다. jquery 3.4.1 버전 이상 필요로 합니다 * 사용방법 - 첨부된 압축파일을 웹디렉터리에 압축해제합니다 작업될 페이지의 html 상단에 아래와 같이 제공된 css를 호출합니다 아래와 같은 요소들을 추가하여 최소값, 최대값 단일,멀티 슬라이더 옵션, 가로세로 옵션등에 대한 값확인 및 설정을 할 수 있도록 되어있습니다 그리고 문서 하단에 아래와 같은 js 파일을 호출합니다 출력되는 결과는 아래와 같습니다 검색이나, 통계와 관련된 기능들에 접목할때 해당 슬라이더바를 활용하시면 도움이 될것 같습니다

콘텐츠 내용에 맞게 너비와 높이를 자동으로 저정해줍니다. 데모사이트에서도 확인하실 수 있으며 첨부파일을 다운받아 파일내에서 호출하는 html파일을 변경하여확인하실수도 있습니다. 단 동일한 도메인에서만 사용하실 수 있으며 콘텐츠 파일내용에 높이를 변경하면 적용되지 않습니다.구글 광고가 있을경우 오작동이 있을수도 있습니다. 데모사이트에서도 확인하실 수 있습니다.

비디오, 이미지, 오디오, 텍스트 문서, 각종 파일데이터를 샘플로 이용가능한 사이트입니다.좌측메뉴에서 원하는 형태의 자료를 클릭하여 다운로드 받으실 수 있습니다. mp4,lvb,mkv.3gp,jpg 등 다양한 자료가 있으니 필요한 자료를 확인하여 다운로드 받아서 사용하시면 됩니다. 라이센스는 open license 이지만 상업적 사용여부는 확인 후 사용하시길 바랍니다.

Jquery 를 이용하여 웹사이트의 소스 퍼가기를 막을 수 있습니다. 기타 용도에 따라서 단축키들을 막을 수 있습니다. 물론 완벽한 차단 방법은 아니지만 최대한 불편하게 만든다 라고 생각하시는게 맞을듯 합니다. 차단하는 단축키는 아래와 같습니다. 압축파일을 해제하시면 demo.html 파일이 있습니다. 해당 파일에는 HTML 과 SCRIPT 가 같이 포함되어 있습니다. 부분적으로 사용하고 싶거나 특정 기능만 사용하고 싶다면 아래의 스크립트를 수정하시면 됩니다. //Mouse Right Click document.addEventListener('contextmenu',function(e){ e.preventDefault(); }); //Keyboard Keys document.addEventListener..