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

PowerButtons(이전의 confirmbutton.js)는 확인 대화 상자 추가, 조건 확인 및 경고 메시지 표시와 같은 추가 기능으로 웹 버튼을 강화하는 JavaScript/Bootstrap 플러그인입니다. jQuery와의 원활한 통합을 제공하지만 반드시 필요한 것은 아닙니다. Bootstrap이 없으면 플러그인은 기본 JavaScript 팝업 기능으로 스마트하게 대체됩니다. 다운로드 받은 파일의 압축을 해제한 뒤 examples.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 버튼을 눌러보면 경고창이나, 확인창이 아래 그림 처럼 화면에 표시가 되는 예제들이 많습니다. 예제 파일에서 각 케이스별 사용법에 대한 예제 소스를 확인할 수 있습니다 사용방법은

http://happycgi.com/16048 위 링크에서 확인할 수 있는 부트스트랩 템플릿을 이용한 홈페이지를 제작하셨다면 본 bootbox.js 를 사용하여 간편한 경고창모양을 만들어 사용하실 수 있습니다. 위처럼 버튼 클릭시 나타나는 부트스트랩 전용 경고창을 쉽게 구현할 수 있습니다. http://bootboxjs.com/ 본 홈페이지에서 해당 js 소스를 다운로드 받은후 html 파일에 경로적용후 원하는 버튼내에 위와같은 구조를 가진 css 및 data-dismiss 를 적용하시면 매칭되어 출력되게 됩니다. 그밖에 자세한 사항은 홈페이지를 참고하시거나, 예시홈페이지를 참고하시기 바랍니다. http://bootboxjs.com/examples.html

부트스트랩은 일종의 웹사이트 저작도구로 (반응형에 최적) 다양한 템플릿을 제공하고 있습니다. css를 이용하여 라운드나 그라데이션등 효과를 주려면 css에 대한 지식이 있어야 하지만 부트스트랩을 사용한다면 코드만확인하여 붙여넣어서 사용할 수 있습니다. 아이콘을 사용하기 위해서 위 버튼태그의 3가지 클래스만 사용하면 바로 만들어낼 수 있습니다. 위와같이 사용하기 위해서는 먼저 head사이에 링크를 삽입하세요 삽입후 아래와같은 방법으로 사용할 수 있습니다. 위와같이 사용하면 아래와같은 아이콘이 노출됨을 확인하실 수 있습니다. 다양한 아이콘 및 효과들은 데모링크에서 확인하실 수 있습니다. 단 부트스트랩은 ie8이상 버전에서만 작동을하니 참고 부탁드립니다. 지원브라우저 문서모드는 최신문서모드를 사용하세요 ie8..

사이트에서 테마를 선택하여, 해당 디자인을 볼 수 있습니다. 기본 테마에서 항목을 선택하면, 소스코드를 바로 보거나, CSS 를 다운받아 보실 수 있습니다.