목록#happycgi (1324)

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

[해피CGI][cgimall] Javascript & CSS 를 이용한 갤러리

Simple Responsive Lightbox Gallery with CSS & jQuery 를 소개 합니다. 사이트의 설명에는 jQuery 를 사용했다고 나와 있지만 실제 코드를 보면 jQuery 를 사용하고 있진 않습니다. ^^ 생각보다 가벼운 Script 와 CSS 를 사용하여 플러그인 반응이 빠릅니다. 이미지 출력 방식은 팝업 모달 방식으로 이미지를 표시합니다. 반응형코드로 모바일에서도 작동하는데 문제가 없습니다. 저는 index.html 을 이용하여 확인해 보았습니다. 생각보다 소스는 간단 합니다. CSS 호출 2개와 jQuery 호출 1개가 끝입니다. ^^
웹프로그램밍 자료실/JAVA 자료 2019. 7. 31. 09:09
[해피CGI][cgimall] Youtube 백그라운드 플레이어 mb.YTPlayer

Jquery 를 이용하여 백그라운드로 영상을 재생하는 자료을 소개해 드립니다. 해당 자료는 Youtube 영상을 백그라운드로 구동시키면서 영상 컨트롤에 포커스가 잡혀 있네요. 저는 자료 다운로드 후 examples/demo.html 을 구동시켜 봤는데 잘 되네요 ^^ 주요기능을 간략하게 설명 드립니다. -여러개의 youtube 영상 주소를 이용하여 플레이 리스트를 구성할 수 있습니다. -플레이 리스트를 기준으로 셔플 재생이 가능 합니다. 그리고 github 사이트에서는 api 를 제공 합니다. ^^ https://github.com/pupunzi/jquery.mb.YTPlayer/wiki 위의 메서드 외에도 있을만한건 다 있네요 ^^
웹프로그램밍 자료실/JAVA 자료 2019. 7. 30. 09:15
[해피CGI][cgimall] 텍스트 에어리어 자동높이/최대높이 Auto Resizing Textarea with max-height

텍스트를 입력하면 자동으로 높이가 늘어납니다. 스크립트 소스상에 지정된 높이보다 늘어나게 되면 스크롤바가 출력되고 더 이상 높이가 증가하지 않습니다. $('#contact-form').on( 'change keydown keyup paste cut', 'textarea', function () { $(this).height(0).height(this.scrollHeight+2); if ($(this).height() >= 300) { $('textarea#message').css("overflow", "auto"); } else { $('textarea#message').css("overflow", "hidden"); } }).find('textarea#message').change(); /* alter..
웹프로그램밍 자료실/JAVA 자료 2019. 7. 29. 09:03
[해피CGI][cgimall] 해피 자동차중개 솔루션 모바일 Ver2.0 (Ver 7.x 전용장착옵션) 이 새롭게 출시되었습니다

안녕하세요 해피CGI 입니다. 해피 자동차중개 솔루션 모바일 Ver2.0 이 새롭게 오픈하였습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/웹솔루션소개 2019. 7. 26. 09:34
[해피CGI][cgimall] 해피 자동차중개 솔루션 Ver7.0 [미니홈비내장]이 새롭게 출시되었습니다

안녕하세요 해피CGI 입니다. 해피 자동차중개 솔루션 Ver7.0 [미니홈피 비내장] 이 새롭게 오픈하였습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/웹솔루션소개 2019. 7. 26. 09:27
[해피CGI][cgimall] 해피 자동차중개 솔루션 Ver7.0 [미니홈내장]이 새롭게 출시되었습니다

안녕하세요 해피CGI 입니다. 해피 자동차중개 솔루션 Ver7.0 [미니홈피 내장] 이 새롭게 오픈하였습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.
CGIMALL소개/웹솔루션소개 2019. 7. 26. 09:15
[해피CGI][cgimall] 초상권 없는 얼굴사진을 만들어주는 사이트 - thispersondoesnotexist.com

AI로 무작위 사진을 조합하여 실존하지 않는 사람들의 얼굴사진을 만들어냅니다. 새로고침을 누를때마다 새로운 얼굴을 합성하여 만들어내며 원하는 사진을 찾기까지에는 시간은 좀 걸릴듯 합니다. 합성하는 사진이다보니 부자연스러운 얼굴도 보이니 참조하시고 초상권 침해없는 인물의 얼굴이 필요할때 유용합니다.
웹프로그램밍 자료실/기타 자료 2019. 7. 26. 08:57
[해피CGI][cgimall] 간편한 컬러피커 JQuery 플러그인 - drawrPalette

- 라이센스 MIT - 사용 방법 1. 파일 상단에 jquery 라이브러리 파일과 drawrpalette JS 파일 링크를 걸어줍니다. 2. 색상코드를 입력할 Text 필드 폼을 추가합니다. 3. Text 필드 폼에 입력한 ID 값을 선택자로 플러그인을 호출합니다. 4. 기본 색상을 세팅할 수 있습니다. 5. 지정된 색상을 제거할 수도 있습니다. 6. 사용자 액션에 따라 이벤트를 추가할 도 있습니다. - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2019. 7. 25. 09:06
[해피CGI][cgimall] phpMyAdmin Ver4.9.0.1

phpMyAdmin 4.9.0.1 - 2019. 06. 04. 릴리즈 ※ 이 릴리즈는 PHP 5.5 ~ 7.2 버전, MySQL 5.5 이상 버전과 호환됩니다. [MyAdmin 이란?] phpMyAdmin은 MySQL을 웹 상에서 관리할 목적으로 PHP로 작성한 오픈 소스 도구 입니다. 웹 상에서 데이터베이스, 테이블, 필드, 열의 작성, 수정, 삭제, 또 SQL 상태 실행, 사용자 및 사용 권한 관리 등의 다양한 작업을 수행할 수 있다. ​ ​ [주요기능] 1. 웹 인터페이스 2. MySQL 데이터베이스 관리 3. CSV과 SQL로부터 데이터 가져오기 4. 데이터를 다양한 형식으로 내보내기 CSV, SQL, XML, PDF (TCPDF 라이브러리를 통해), ISO/IEC 26300 - 오픈도큐먼트 텍스..
웹프로그램밍 자료실/PHP 자료 2019. 7. 24. 09:08
[해피CGI][cgimall] jQuery Plugin To Create Hints For Form Controls - Form Toolltip

웹페이지에서 여러가지 정보를 입력받아야 할때 입력폼에 어떤 정보를 입력하면 될런지 힌트를 주기 위해서 사용이 가능하겠습니다. 다운로드 받은 파일의 압축을 해제한후 index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. HTML 소스코드를 보면 form 태그의 name 값을 지정해준후에, 각 입력폼을 클릭했을때 어떤 문구를 표시해줄지 위 그림과 같은 스크립트로 작성한후에 아래와 같이 지정된 폼에 적용하는 스크립트를 이용하면 가능하네요. 여러가지 정보를 입력받아야 하는 페이지에서 각각의 정보마다 도움말이나, 힌트를 표시하기 위해서 . 손쉽게 사용이 가능해보입니다.
웹프로그램밍 자료실/JAVA 자료 2019. 7. 23. 08:58
Prev 1 ··· 42 43 44 45 46 47 48 ··· 133 Next