mulder's it blog

오늘은 매력직인 jQuery Box Plugin 인 fancybox 에 대해 정리를 합니다. 장점 : 예쁘다, 쓰기 편하다 끝. 단점 : 찾으신분은 리플 달아 주세요 homepage : fancybox.net 아래와 같이 원하는 컨텐츠 (이미지 및 HTML) 을 사각형 박스에 넣어서 화면중앙에 표시 하는 플러그인 입니다. 보통 모달로 오픈하면 컨텐츠에 시점을 집중시켜 표현력을 올릴 수 있습니다. 보통은 우상단 'x' 박스를 클릭하여 종료합니다. fancybox example) 아래는 대충 다운로드 후 압축풀고 보여지는 화면 입니다. 대충 자신이 사용할 디렉토리로 카피후 사용하시면 됩니다. 사용예제 ) >> 사용법 사용법은 간단하다 먼저 jquery link insert: facybox관련 js, css ..

jsRandom - 자바스크립트 랜덤함수 아주 간단하게 랜덤문자열을 만들어서 사용할때 유용할 듯 합니다. 간단히 만들어 보았습니다.

-- 아래는 tworld 에서 카피한 함수들입니다. -- jQuery 같은 라이브러리를 이용하지 않는 경우 유용할 수 있습니다. var xmlHttp; var userFunction; function createXMLDocRequest(fXml) { var xmlDoc; if (window.ActiveXObject) { xmlDoc = new ActiveXObject('Microsoft.XMLDOM'); } else if (window.XMLHttpRequest) { xmlDoc = document.implementation.createDocument('', '', null); } xmlDoc.async = false; xmlDoc.load(fXml); return xmlDoc; } function cr..

jquery Cookie 플러그인 : https://github.com/carhartl/jquery-cookie 이왕 jquery 를 사용하시면 cookie 처리 플러인을 이용합니다. $.cookie('the_cookie'); //cookie취득 $.cookie('the_cookie', 'the_value'); //cookie를 셋트$.cookie('the_cookie', 'the_value', { expires: 7 }); //쿠키의 유효기간을 7일간으로 지정 $.cookie('the_cookie', '', { expires: -1 }); //cookie 삭제$.cookie('the_cookie', null); //cookie 삭제 아래는 초간단 사용법 입니다. /** mulder 가만 든 초간단 fu..

http://www.kyrielles.net/sliderkit/sliderkit_en.html IE까지 지원하는 Slider (Carousels)를 만들어야 한다면 ???? 제가 만든건 아니지만... sliderkit 을 추천 합니다. 참고로 twitter bootstrap의 carousels plugin 의 경우IE에서 돌지 않더군요... PresentationThe purpose of Slider Kit is to gather common slideshow-like jQuery functionalities (such as news sliders, photos galleries/sliders, carousels, tabs menus) into one lightweight and flexible plug..

전형적인 ID 입력 폼을 Client-Side, Javascript 로 검증 하기 예제 입니다. 대부분의 경우가 이와 유사하게 작성하고 몇가지가 가감 될거라고 생각 됩니다. ^^ // $("#user_id").focus(); $("#user_id").bind("blur", function(){ check_userid = $(this).val(); if (check_userid.length 15) { $("#us..

InputBox 에 포커스 주고, 엔터치면 몬가를 자동으로 하기... 아주 간단한 Example 입니다. 저는 이거 할때면 항상 구글링을 하는데, 제 블로그에 두고 C&P 하려고 합니다...

jQuery를 위한 Round-Button Plugin, 눈에 확 들어 오는 군요. 앞으로 웹디자이너에게 라운드 버튼이나 윈도우를 요청 안해도 될듯 합니다... demo page : http://www.malsup.com/jquery/corner/ github : https://github.com/malsup/corner source : http://malsup.github.com/jquery.corner.js 아래는 일부 데모 자료 입니다.

아래는 일반적인 javascript ajax 에 대한 설명이 아니라, Same origin policy를 극복하기 위한 방법을 설명 합니다. jsonp (Json with padding)란 CrossDomain ( Same Origin Policy) 을 극복하기 위한 javascript 비동기 통신 방법을 말합니다. javascript에서 타도메인의 url 로부터 값을 가져오는건 원천적으로는 금지 되어 있습니다. 이러한 규칙을 Same Orgigin Policy 라고 하죠, (관련된 위키 자료 : http://en.wikipedia.org/wiki/Same_origin_policy ) 보통 javascript 원격호출은 XMLHttpRequest 를 이용한 Ajax Remote Call 이 일반적인 ja..

쉽게 갈수 있다면 쉽게 가죠. 참고로 여기 있는 스크립트는 여기저기서 카피한것입니다... 출처가 여러군데여서 ... 그냥 모두에게 감사 드립니다. DO COPY & PASTE :) // 플래쉬를 손쉽게 사용하기. /** @id Flash */ var Flash = function (sSwfUrl, iWidth, iHeight, sWmode) { this.params = {}; this.vals = {}; this.atts = {}; if (sSwfUrl) { this.setAtt("src", sSwfUrl); this.setParam("movie", sSwfUrl); } if (iWidth) { this.setAtt("width", iWidth); } if (iHeight) { this.setAtt("h..