깃헙 블로그에서 보기 2012-04-13 05:13:26 </div> <!-- button class="btn _blank">새창으로 보기</button --> </div> </article> <div id="social_group"> <ul> <li id="facebook_like"><div class="fb-like" data-send="true" data-layout="button_count" data-width="450" data-height="20" data-show-faces="false"></div></li> <li id="readit"> <a class="marking" href="#" data-mark-id="0"><span class="action">봤어요</span> (<span class="count">0</span>명)</a> </li> <li id="topic_navigator"> <ul> <li class="prev"><a href="http://ec2-54-180-115-97.ap-northeast-2.compute.amazonaws.com/module/133/1738">이전</a></li><li class="next"><span>다음</span></li> </ul> </li> </ul> </div> <div id="fb-root"></div> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1"; js.async = true; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); function doMarking() { var marker = $('#social_group a.marking'); var count = Number(marker.find('span.count').text()); var markType = marker.hasClass('marked') ? 'unmark' : 'marking'; ga('send', 'event', 'Participation', 'mark_'+markType, path_context+(topic_id ? '/'+topic_id : '')+', '+document.title , {useBeacon:true}); $.ajax({ url: "http://ec2-54-180-115-97.ap-northeast-2.compute.amazonaws.com/module/133/1852/marking_ajax", data: {'type':'saw', 'marktype':markType, 'mark_id':marker.data('mark-id')}, type: 'post', dataType: 'json', success: function (response) { if (response.result) { if (response.data.status == 'unmarked'){ marker.removeClass('marked'); marker.find('span.action').html("봤어요"); marker.find('span.count').text(count-1 < 0 ? 0: count-1); } else { marker.addClass('marked'); marker.find('span.action').html("봤어요 취소"); marker.find('span.count').text(count+1); } marker.data('mark-id', response.data.id); } else { if (response.errorCode == 1) { var dialog = LoginDialogManager.get(); dialog.show(true); } else { xalert(NULL, response.msg, {modal:true}); } } $('#readit a.marking').click(handleMarking); } }) } function handleMarking(event) { $('#readit a.marking').unbind(); event.preventDefault(); var dialog = LoginDialogManager.get(); dialog.show(function(response) { if (response.result) doMarking(); } else xalert(NULL, result.msg, {modal:true}); }); } $('#readit a.marking').click(handleMarking); </script> <div id="comment" data-role="collapsible"> <h3>댓글</h3> <form id="comment_new_form" class="comment_form"> <input type="hidden" name="course_id" value="0"> <input type="hidden" name="module_id" value="133"> <input type="hidden" name="topic_id" value="1852"> <div class="form_wrapper"> <dl class="comment_form_content"> <dt>댓글 본문</dt> <dd> <textarea id="cmt_content_without_login" name="cmt_content" readonly data-login-url="http://ec2-54-180-115-97.ap-northeast-2.compute.amazonaws.com/auth?mode=login&returnURL=http%3A%2F%2Fec2-54-180-115-97.ap-northeast-2.compute.amazonaws.com%2Fmodule%2F133%2F1852">댓글을 작성하려면 로그인하셔야 합니다.</textarea> </dd> </dl> </div> </form> <ol id="comment_list"> </ol> <div id="cmt_more" class="hidden"> <a href="#"><span>더 보기</span></a> </div> </div> </div> <div style="clear: both"></div> <div id="footer"> <a href="http://ec2-54-180-115-97.ap-northeast-2.compute.amazonaws.com/home/viewmode_mobile?returnURL=http%3A%2F%2Fec2-54-180-115-97.ap-northeast-2.compute.amazonaws.com%2Fmodule%2F133%2F1852">모바일 버전</a> </div> <div class="clear"></div> </div> </div> </div> </div> <div id="author_balloon"> <div class="box"> <img class="avatar" src="http://ec2-54-180-115-97.ap-northeast-2.compute.amazonaws.com/static/img/common/blank.gif" alt="" style="background-image: none"> </div> <div class="header"> <strong>graphittie</strong> <a href="#">자세히 보기</a> </div> <div class="body"> <ul id="statistics"> <li class="topic"><span class="text"><i></i>토픽</span> <span class="count">0</span></li> <li class="module"><span class="text"><i></i>모듈</span> <span class="count">0</span></li> <li class="course"><span class="text"><i></i>코스</span> <span class="count">0</span></li> <li class="readit"><span class="text"><i></i>봤어요</span> <span class="count">0</span></li> <li class="comment"><span class="text"><i></i>댓글</span> <span class="count">0</span></li> <li class="hof"><span class="text"><i></i>명예의 전당</span> <span class="count">0</span></li> </ul> </div> </div> <div id="holder"> </div> <script src="/static/js/desktop/comment.js?1"></script> <script src="/static/js/desktop/script.js?1"></script> <script> if (DOMLoader.callbacks.length) { for (var i=0, max=DOMLoader.callbacks.length; i<max; i++) DOMLoader.callbacks[i](); } </script> <script> if(window.google_analytics_page_set_object) { ga('set', google_analytics_page_set_object); }; if(ga) { ga('send', 'pageview'); } </script> <style type="text/css"> .bn_area { position: fixed; bottom:135px; right: 10px; display:none;} .bn {position: relative;} .bn_fund { position: absolute; top:0; right:0;} .bn_close {position: absolute; top: 7px; right: 0; z-index: 100;} </style> <script> /*! * JavaScript Cookie v2.1.2 * https://github.com/js-cookie/js-cookie * * Copyright 2006, 2015 Klaus Hartl & Fagner Brack * Released under the MIT license */ ;(function (factory) { if (typeof define === 'function' && define.amd) { define(factory); } else if (typeof exports === 'object') { module.exports = factory(); } else { var OldCookies = window.Cookies; var api = window.Cookies = factory(); api.noConflict = function () { window.Cookies = OldCookies; return api; }; } }(function () { function extend () { var i = 0; var result = {}; for (; i < arguments.length; i++) { var attributes = arguments[ i ]; for (var key in attributes) { result[key] = attributes[key]; } } return result; } function init (converter) { function api (key, value, attributes) { var result; if (typeof document === 'undefined') { return; } // Write if (arguments.length > 1) { attributes = extend({ path: '/' }, api.defaults, attributes); if (typeof attributes.expires === 'number') { var expires = new Date(); expires.setMilliseconds(expires.getMilliseconds() + attributes.expires * 864e+5); attributes.expires = expires; } try { result = JSON.stringify(value); if (/^[\{\[]/.test(result)) { value = result; } } catch (e) {} if (!converter.write) { value = encodeURIComponent(String(value)) .replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent); } else { value = converter.write(value, key); } key = encodeURIComponent(String(key)); key = key.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent); key = key.replace(/[\(\)]/g, escape); return (document.cookie = [ key, '=', value, attributes.expires && '; expires=' + attributes.expires.toUTCString(), // use expires attribute, max-age is not supported by IE attributes.path && '; path=' + attributes.path, attributes.domain && '; domain=' + attributes.domain, attributes.secure ? '; secure' : '' ].join('')); } // Read if (!key) { result = {}; } // To prevent the for loop in the first place assign an empty array // in case there are no cookies at all. Also prevents odd result when // calling "get()" var cookies = document.cookie ? document.cookie.split('; ') : []; var rdecode = /(%[0-9A-Z]{2})+/g; var i = 0; for (; i < cookies.length; i++) { var parts = cookies[i].split('='); var cookie = parts.slice(1).join('='); if (cookie.charAt(0) === '"') { cookie = cookie.slice(1, -1); } try { var name = parts[0].replace(rdecode, decodeURIComponent); cookie = converter.read ? converter.read(cookie, name) : converter(cookie, name) || cookie.replace(rdecode, decodeURIComponent); if (this.json) { try { cookie = JSON.parse(cookie); } catch (e) {} } if (key === name) { result = cookie; break; } if (!key) { result[name] = cookie; } } catch (e) {} } return result; } api.set = api; api.get = function (key) { return api(key); }; api.getJSON = function () { return api.apply({ json: true }, [].slice.call(arguments)); }; api.defaults = {}; api.remove = function (key, attributes) { api(key, '', extend(attributes, { expires: -1 })); }; api.withConverter = init; return api; } return init(function () {}); })); </script> <div class="bn_area" id="donation_badge"> <div class="bn"> <a href="https://opentutorials.org/module/1588/12591" class="bn_fund"><img src="/static/img/common/badge/bn_fund.png" /></a> <a href="#close" class="bn_close" onclick="$('#donation_badge').hide();Cookies.set('donation_badge_disable', 'yes', {expires: 10000}); return false;"><img src="/static/img/common/badge/bn_close.png" title="X 버튼을 누르면 더 이상 표시하지 않습니다. 후원 기간 동안 일시적으로 노출하고 있습니다. 가독성을 떨어트린 점 죄송합니다." /></a> </div> </div> <script> if(!Cookies.get('donation_badge_disable')){ $('#donation_badge').show(); } </script> <script> $(document).ready(function() { $('.hentry .movie').append('<input style="position:absolute;margin-left:5px;width:1.5rem;opacity: 0.1;filter: alpha(opacity=10);" class="split" type="image" src="/static/img/desktop/noun_1102024.png" value="split" title="새창으로 열기" onmouseover="this.style.opacity=\'1\'" onmouseleave="this.style.opacity=\'0.1\'">'); return $(document).on('click', '.split', function() { var height, htmlCode, iframeCode, iframeObj, ifrmaeObjCloned, width; iframeObj = $(this).parent('.movie').find('iframe'); width = iframeObj.attr('width'); height = iframeObj.attr('height'); iframeCode = $(this).parent('.movie').find('iframe')[0].outerHTML; ifrmaeObjCloned = $(iframeCode); ifrmaeObjCloned.attr('width', '100%'); ifrmaeObjCloned.attr('height', '100%'); if (window.o2moivepop) { window.o2moivepop.close(); } window.o2moivepop = window.open('', 'o2moivepop', "width=" + width + ",height=" + height + ""); htmlCode = '<!doctype html><html><body style="margin:0;width:100vw;height:100vh">' + ifrmaeObjCloned[0].outerHTML + '</body></html>'; return o2moivepop.document.write(htmlCode); }); }); </script> </body> </html>