본문 바로가기

분류 전체보기152

juqery 폼항목 placeholder 사용하기 html폼항목에서 placeholder 사용하기.. 포커싱이 생길때 placeholder 값을 초기화한후포커스아웃이될때 rel 의 값을 다시 placeholder 으로 넣어줌. IE에선 제대로 지원이 안되서 ie만 로직이 좀 길어짐. 다른소스 이게 더좋은듯... http://jsfiddle.net/d9bnV/ html부분 스크립트 부분 $(document).ready(function(){if ($.browser.msie) {$('input[type=text]').each(function(){if($(this).attr('placeholder')) {var placeholder = $(this).attr('placeholder');$(this).val(placeholder).css('color','#aaa.. 2013. 9. 5.
엄성화 독창회 2013.09.17 세종체임버홀 간만에 업데이트엄성화 독창회 2013.09.17 오후 7:30 세종체임버홀(세종문화회관) 2013. 9. 3.
jquery select2 셀렉트박스의 좋은확장. 셀렉트박스를 파워풀하게 만들어줄 jquery 확장 http://ivaynberg.github.io/select2/ 사용법도 간단합니다. 요건 회원수가 많아져서 ajax 방식으로 바꾼 캡쳐화면임.. 기본적으로 jquery 가 필요select2.js / select2.css 도 인클루드 해야합니다. + 기본적인사용html1번유저2번유저3번유저 스크립트부분---------------------------------$("#user_list").select2({placeholder: "유저를 선택하세요",allowClear: true});--------------------------------------- + 확장사용 : ajax / array / json 등 사용가능 셀렉트박스내부모양을 html로 꾸밀수있음 .. 2013. 9. 3.
jquery 슬라이더,뉴스티커,메뉴효과(슬라이딩다운) jquery 슬라이더.http://slidesjs.com/ 이미지슬라이더로 stepcarousel.js (http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm)를 주로 사용하다가 새로 바꿔봄.. stepcarousel viewer 은 마지막 이미지에 도달했을시 첫이미지부터 보려면 다시 rewind 되는데반해slidejs 는 계속 이어서 보기가 되는터라 사용하기가 딱적당했고fadein효과도 가능한점. 그리고 소스코드가 더 간단해서 사용하기가 편함. -----------------------------------------------------------stepcarousel.stepcarousel : http://apceiu.org/en/m411.php?.. 2013. 4. 1.
구글 짧은주소 얻기함수 긴도메인을 짧은주소로 얻는 구글API function googl_short_url($long_url) {$googl_url = "https://www.googleapis.com/urlshortener/v1/url";$post_data = array('longUrl' => $long_url);$headers = array('Content-Type:application/json');$ch = curl_init();curl_setopt($ch, CURLOPT_URL, $googl_url);curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);curl_setopt($ch, CURLOPT_POST, true);curl_setopt($ch, CURLOPT_RETURNTRANSFER, .. 2013. 2. 8.