XE

여러개의 css를 불러와 쿠키까지 구워주기

by 이온디 posted Feb 22, 2013
?

Shortcut

PrevPrev Article

NextNext Article

ESCClose

Larger Font Smaller Font Up Down Go comment Print
Extra Form
http://elkha.kr/xe/graystyle2
위 페이지에서 preview 항목에서 design 중, 
type1~5까지 누르면 쿠키까지 구워지면서 스타일시트가 변경되는 소스를 알고 싶습니다.

소스 보기
view-source:http://elkha.kr/xe/graystyle2

1. 쿠기로 굽는 것은 요기고
<script type="text/javascript">
(function($){
$.cookie = function(key, value, options) {
if(arguments.length > 1) {
var o = $.extend({}, $.cookieOptions, options);
if (value === null || value === undefined) {
value = '';
o.expires = -1;
}
if (o.expires.constructor != Date) {
var today = new Date();
today.setDate(today.getDate() + o.expires);
o.expires = today;
}
// Create the cookie string
document.cookie =
key + '=' + value +
'; expires=' + o.expires.toUTCString() +
(o.path? '; path=' + (o.path) : '') +
(o.domain? '; domain=' + (o.domain) : '') +
(o.secure? '; secure' : '');
} else {
if(result = new RegExp(key+"=(.*?)(?:;|$)").exec(document.cookie))
return decodeURIComponent(result[1]);
return false;
}
};
$.cookieOptions = {
expires: 365,
path: '/'
}
})(jQuery);
</script>

2. 구동되는 부분은 요기입니다.
<dt>Design (5)</dt>
<dd class="design">
<span class="button small"><button type="button" title="default">Type 1</button></span>
</dd>
<dd class="design">
<span class="button small"><button type="button" title="t2">Type 2</button></span>
</dd>
<dd class="design">
<span class="button small"><button type="button" title="t3">Type 3</button></span>
</dd>
<dd class="design">
<span class="button small"><button type="button" title="t4">Type 4</button></span>
</dd>
<dd class="design">
<span class="button small"><button type="button" title="t5">Type 5</button></span>
</dd>

3. 그럼 나머지 title에 해당하는 default, t2, t3~5 이건 어디에서 찾아볼 수 있나요?
위 코드에서 type1~5에 해당하는 스타일시트를 불러오는 방법을 모르겠네요. 
코드가 복잡해 어렵겠지만 꼭 좀 알고 싶습니다. ^^;;

Who's 이온디

profile

라이믹스는 이온디와 함께



Articles