From 99bb4b4373c70b290978a21634e36fb43526f570 Mon Sep 17 00:00:00 2001 From: Editor Lionbridge Date: Thu, 26 Jan 2017 11:03:41 +0900 Subject: [PATCH] Add instructions for using HTML tags Change-Id: I0ddb675cfb35c6bbf6a02aa2acdfbc6a7e17691e --- template/css/snippet.css | 52 + template/css/styles.css | 300 ++++++ template/images/btn_top.gif | Bin 0 -> 2558 bytes template/images/mobile_s_w.png | Bin 0 -> 2183 bytes template/images/wearable_s_w.png | Bin 0 -> 2652 bytes template/scripts/common.js | 1752 ++++++++++++++++++++++++++++++++++ template/scripts/core.js | 899 +++++++++++++++++ template/scripts/jquery.util.js | 1441 ++++++++++++++++++++++++++++ template/scripts/jquery.zclip.min.js | 12 + template/scripts/navi.js | 192 ++++ template/scripts/search.js | 168 ++++ template/scripts/showhide.js | 204 ++++ template/scripts/snippet.js | 1478 ++++++++++++++++++++++++++++ template/tagging_example.htm | 156 +++ 14 files changed, 6654 insertions(+) create mode 100644 template/css/snippet.css create mode 100644 template/css/styles.css create mode 100644 template/images/btn_top.gif create mode 100644 template/images/mobile_s_w.png create mode 100644 template/images/wearable_s_w.png create mode 100644 template/scripts/common.js create mode 100644 template/scripts/core.js create mode 100644 template/scripts/jquery.util.js create mode 100644 template/scripts/jquery.zclip.min.js create mode 100644 template/scripts/navi.js create mode 100644 template/scripts/search.js create mode 100644 template/scripts/showhide.js create mode 100644 template/scripts/snippet.js create mode 100644 template/tagging_example.htm diff --git a/template/css/snippet.css b/template/css/snippet.css new file mode 100644 index 0000000..f880409 --- /dev/null +++ b/template/css/snippet.css @@ -0,0 +1,52 @@ +/* Pretty printing styles. Used with prettify.js. */ + +/* SPAN elements with the classes below are added by prettyprint. */ +.pln { color: #000 } /* plain text */ + +@media screen { + .str { color: #793AFF } /* string content */ + .kwd { color: #7F0055 } /* a keyword */ + .com { color: green} /* a comment */ + .typ { color: #1C1C1C } /* a type name */ + .lit { color: black } /* a literal value */ + /* punctuation, lisp open bracket, lisp close bracket */ + .pun, .opn, .clo { color: #1C1C1C} + .tag { color: #008 } /* a markup tag name */ + .atn { color: #606 } /* a markup attribute name */ + .atv { color: #080 } /* a markup attribute value */ + .dec, .var { color: #606 } /* a declaration; a variable name */ + .fun { color: red } /* a function name */ +} + +/* Use higher contrast and text-weight for printable form. */ +@media print, projection { + .str { color: #060 } + .kwd { color: #006; font-weight: bold } + .com { color: #600; font-style: italic } + .typ { color: #404; font-weight: bold } + .lit { color: #044 } + .pun, .opn, .clo { color: #440 } + .tag { color: #006; font-weight: bold } + .atn { color: #404 } + .atv { color: #060 } +} + +/* Put a border around prettyprinted code snippets. */ +pre.prettyprint { overflow: auto; padding: 2px; border: 1px solid #888 } + +/* Specify class=linenums on a pre to get line numbering */ +ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */ +li.L0, +li.L1, +li.L2, +li.L3, +li.L5, +li.L6, +li.L7, +li.L8 { list-style-type: none } +/* Alternate shading for lines */ +li.L1, +li.L3, +li.L5, +li.L7, +li.L9 { background: #eee } diff --git a/template/css/styles.css b/template/css/styles.css new file mode 100644 index 0000000..9ed4f63 --- /dev/null +++ b/template/css/styles.css @@ -0,0 +1,300 @@ +@charset "utf-8"; + +body { + background: white; + color: #1C1C1C; + margin-right: 20px; + margin-left: 20px; + font-size: 9pt; + font-weight: normal; + font-family: Arial, Helvetica, sans-serif; +} + +h1, h2, h3, h4, h5, h6, p, table, td, caption, th, ol, dl, dd, footer { + font-family: Arial, Verdana, Helvetica, sans-serif + } + +/* Set default font to 9 pt */ +table, div, p, dl, td, caption, th, ul, ol, li, dd, pre, code { + font-size: 9pt; +} + +pre, code { + font-family: "Courier New", Courier, monospace; + margin: 6px 1.5px; + padding: 1px 1px 1px 1px; + font-weight: normal; + font-style: normal; +} + +h1 {font-size: 24pt; color: #0E437D;} +h2 {font-size: 18pt; color: #0E437D;} +h3 {font-size: 14pt; color: #1C1C1C;} +h4 {font-size: 12pt; color: #1C1C1C;} +h5 {font-size: 10pt; color: #1C1C1C;} + +h1, h2, h3, h4, h5 { + font-weight: bold; + font-style: normal; + line-height: normal; + margin-top: 16pt; +} + +caption { + font-size: 9pt; + color: #1C1C1C; + font-weight: bold; + text-align: left; + margin-top: 20px; + margin-bottom: 0px; +} + +ol { + margin-bottom: 20px; +} + +ul ul , ol ul, ul ol, ol ol{ + margin-top: 10px; +} + +ul li, ol li { + margin-bottom: 10px; +} + +ol li p, ul li p { + font-size: 9pt; + font-weight: normal; + margin-bottom: 2px; + margin-top: 2px; +} + +ol ol { + font-size: 9pt; + font-weight: normal; + list-style-type: lower-alpha; + color: #1C1C1C; + border-style: none; + margin-top: 10px; +} + +ol ol li, ol ul li { + border-style: none; + margin-top: 5px; + font-size: 9pt; +} + +ul { + font-size: 9pt; + font-weight: normal; + color: #1C1C1C; +} + + +/* End of font face declarations */ + +/* Set table borders and heading row background */ +table { + border: 0px; + border-collapse: collapse; + width: 100%; + margin-top: 20px; + margin-bottom: 20px; + background: white; +} + +th { + border-top: 2px solid #719cc7; + border-right: 1px solid #c6d9f1; + border-left: 1px solid #c6d9f1; + background-color: #f3f7fb; + padding: 4px; + color: #719cc7; + font-size: 9pt; + font-weight: bold; +} + +td { + border: 1px solid #c6d9f1; + vertical-align:top; + padding: 3px 20px 5px 20px; + } + +/* Notes stand out using a light top & bottom borders with yellow background */ + +div.note { + background-color: #eeece1; + border: medium none; + color: #1c1c1c; + margin-bottom: 12px; + margin-top: 12px; + padding: 5px; +} + +div.note > strong:first-child { + background-color: #ddd9c3; + border-bottom: 1px solid #719cc7; + border-right: medium none; + border-top: 2px solid #719cc7; + text-align: left; + color: #719cc7; + font-size: 9pt; + font-weight: bold; + margin: -4px -4px 4px -4px; + padding: 4px 0px 4px 4px; + display: block; + width: auto; +} + +div.note * strong:after { + content: "\a "; + white-space: pre-line; +} + + +#toc-navigation {width: 20%; position: fixed; right: 17px; top: 0; bottom: 51px; /* overflow: auto; *//* min-width: 200px; *//* background: white; */z-index: 100;padding-top: 10px;/* padding-bottom: 88px; */margin-bottom: 89px;} +#toc {padding: 0px 20px 5px 20px; /* border: 2px solid #567a9c; */ border-radius: 15px;position: absolute;top: 78px;bottom: 9px;overflow: auto;/* margin-bottom: 5px; */padding-bottom: 5px;border-bottom: 3px transparent solid;margin-left: 5px;} +#main {width: 75%; height: 90%;} +#container {width:100%;} +#container #contents {padding:0px 0 20px; overflow: auto;position: fixed;top: 0;bottom: 0;margin-bottom: 64px;right: 200px;left: 20px;} +body.no-toc #container #contents {right: 0;padding-right:30px;} +body.no-toc #toc-navigation {width: auto;} +body.no-toc .top {right: 19px; /* float:none; */ width: 28px;} +body.no-toc #profile {float: right;right: -32px;} +body.no-toc #profile p {padding: 0; margin: 0;} +#container #contents:after {content: "."; display: block; height: 20px; clear: both; visibility: hidden;} + #container #contents>.content {/* width:75%; */min-width: 600px;/* right: 300px; *//* position: fixed; */padding-right: 5px;} + #container #contents>.content>.cont { margin-bottom:80px; padding-bottom:80px; } + +.devicespecs-util {float:right; margin-top:25px;} + .devicespecs-util ul.dutil {margin:0; padding-bottom:0; height: 11px; list-style-type:none;} + .devicespecs-util ul.dutil:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;} + .devicespecs-util ul.dutil li {float:left; margin-right:8px; padding-right:8px; background:url('../images/bg_util_bar.gif') no-repeat right center; color:#666;} + .devicespecs-util ul.dutil li.none {margin-right:0; padding-right:0; background-image:none;} + .devicespecs-util ul.dutil li a { font-size:11px; color:#666; line-height: 11px;} + .devicespecs-util ul.dutil li a:hover { color:#222; } + .devicespecs-util ul.dutil li a:active { color:#222; } + +ul.devicespecifications {clear:both; width:100%; margin:0; padding: 0;} +ul.devicespecifications > li { width:100%; margin-top:0; padding-left:0; list-style-type:none; border:1px solid #799cd3; padding: 5px 0px 5px 0px;} +ul.devicespecifications li div.devicespec-con {width:90%; margin:10px 0 20px 0; padding:0 14px; font-size: 13px;} +ul.devicespecifications li div.devicespec-tit {/*height:22px;*/ padding-right: 71px; background-color:#ffffff; position: relative;} + ul.devicespecifications li div.devicespec-tit .items-tit { /*float:left;*/ margin:0 0 0 14px; padding:0; color:#567a9c; line-height: 22px; font-size: 14px; font-style:normal; font-weight: bold;} + + ul.devicespecifications li div.devicespec-tit .items-tit-h2 { /*float:left;*/ margin: 0px 0px 0px 14px; padding:0; line-height: 22px; font-size: 18pt; color: #0E437D; font-style:normal; font-weight: bold;} + ul.devicespecifications li div.devicespec-tit .items-tit-h3 { /*float:left;*/ margin:0 0 0 14px; padding:0; line-height: 22px; font-size: 14pt; color: #1C1C1C; font-style:normal; font-weight: bold;} + ul.devicespecifications li div.devicespec-tit .items-tit-h4 { /*float:left;*/ margin:0 0 0 14px; padding:0; line-height: 22px; font-size: 12pt; color: #1C1C1C; font-style:normal; font-weight: bold;} + + ul.devicespecifications li div.devicespec-tit > span {position: absolute; top: 0; right:0;background:#416cbb; display:block; height:22px; margin-right:0; border-left: solid 1px #7a9bd4; } + ul.devicespecifications li div.devicespec-tit > span a.bt-arr {display:block; width: 55px; height:15px; margin-left:0; padding-top:5px; padding-left: 14px; text-align:left; background: url('../images/ico_arr_hidden.gif') 46px 9px no-repeat;} + ul.devicespecifications li div.devicespec-tit > span a.bt-arr em {display:inline-block; height: 14px; line-height:11px; font-size:11px; color:#fff; font-style:normal; margin-right: 8px;} + ul.devicespecifications li div.devicespec-tit > span * {vertical-align:middle;} + + ul.devicespecifications li div.devicespec-con ul.con-list { width:100%; } + ul.devicespecifications li div.devicespec-con ul.con-list li {line-height: 18px; margin:0; padding:0 0 0 7px; background: url("../images/ico_bullet_2_7.gif") 0 8px no-repeat; } + + +.top {text-align: right;} +.toc, ul.toc{ + margin: 10px 0px 0px 0px; + padding-left: 13px; + list-style: disc; + font-size: 9pt; + line-height: 115%; + } + +.toc-title { + font-size: 12pt; + color: #0E437D; + font-weight: bold; + font-style: normal; + line-height: normal; + margin-top: 16pt; +} + +a.top { + display:block; + float: right; + position:fixed; + width: 28px; + height:89px; + bottom:50px; + z-index: 101; + right: 19%; + } + +a img {border: 0;} + +/* Footer includes space and a gray line above */ +#footer { + position: fixed; + /* width: 100%; */ + bottom: 0px; + text-align: center; + border-top: 1px solid #CCCCCC; + background-color: #FFFFFF; + left: 21px; right: 21px; +} + +.footer {font-size: 8pt;} + +p.Table { + text-align: center; + margin-top: 40px; + margin-bottom: -19px; + padding: 0; +} + +p.Table strong { + font-family: Arial, Verdana, Helvetica, sans-serif; + font-size: 9pt; + color: #1C1C1C; + font-weight: bold; +} + +caption { + font-size: 9pt; + color: #1C1C1C; + font-weight: bold; + text-align: center; + margin-top: 20px; + margin-bottom: 0px; +} + +/* @end */ + +/* @group Member Details */ + +/* Styles for detailed member documentation */ + +.memitem { + padding: 0; +} + +/* @end */ + +.highlight { + background-color:#E2E2FF; +} + +/* //Layout fixing */ + +div#profile { + position: relative; +} +#profile p { + text-align: right; +} + +div#toc_border { + border: 2px solid rgb(86, 122, 156); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; height: 565px; +} + +#contents li { + padding-top: 3px; + margin-top: 5px; + /* overflow: auto; */ +} + +p { + /* overflow: auto; */ +} diff --git a/template/images/btn_top.gif b/template/images/btn_top.gif new file mode 100644 index 0000000000000000000000000000000000000000..d35e824ad826270e091b7af8097fc36df32fb90f GIT binary patch literal 2558 zcmeHIX+RTa8cra{A+)g|T`K4pbfsI!K_HMoASVPQ3W$Qr;gAd@Vh)mt38&!*qIiHH zq6G?SHJ*!t7CZr?_1ad}sV^vuDq|V|MoT_O8y=Q4yIQ0=L%q@=N`aPWteQU%!6MO4hcvwvspPIeWXiy}dnT+ciJIq5l4UA6`jUR~L1& zRT6!nJ6^tg8NTDbq4|ja zkN;r@md?zN;)Vh&5C#o*Uw@Sp12F0EvJl5IwxSyj%fyJOPixyWWH!;0?TKd-2y6m_O!8u|0~qcECK1mjlV-Ur z2~Qz{#PBSa|0kC;C)a2Mk<<{G1<8b4A%1{NA_CqQOcBnV3vo`p4_yA-xp>UU#Tk;p z8ISefj(K*=;2q=iqiGF`kG6-z2CvHurbf>E{%-p1o2ki(@v+g7;i18S*Zr^hUiS8M zcfIKRt)u<kG({PcxqPXi z{=178>T1uQtNHucGpA3TJfS^)?AxP94p&!wQ&~~|^`V1h2TJ#s6z?l4+`DJ@u7aIA z^0(({a&xk?)Y~#M($i8?RLZRiST0MJO2ncqNt=a&!~}@Xiw8Hw#l}Q$+^{|>a^2d9 zHQ`~Qt5lRMc3qi23k5; zvo0Ei=htp>bg{yWyLwo#A5@zj2|*^)xa)er`TH#WG zi>|n+t393@bd;=9740kuw71%p+c90lUYYO2iR@I_#^>y-j#BCBhc+Q%%fb39fGZ7w zD5tLTwj820A{cu&c0?s-pNAM_8yB~yn>HmrIOvmEFEh#Ry;sFlM%U=9P$tKD$1A-L zo9}OJQ1C*AQKnM;xv;p?NPc$T^E*l+YZ%Nfcygz9r9UTwVe;_l4ap47g}q1F)_&7# zSuMac8STA5v?Da@(vU-sme@7vP-bnDFFyYzbAB0sRGZw5L}$#yls#9YS`K8P=0yn9 zXve}(5M8w}v>J`JZ*DfR4OOen%+y_3=DBD(V^OXh8fm@|MzrVKR+eFQpHqa=cP&77 z&*H>t~PM_zF@06hYMovmc=GGmzMF1 z9mM*jMN9YSn=_DpT1UE{D}Dvi6qu-jiB*I|Fw?5O!tPN6O@@Oo{w_3|v!c{9tsW9eIWZP=W7++G)uJoBi@@+9->?ja}mJh!gVJ|fyY z=9GDcS|ie1K51F7scxNvtPvBTLl?WHb#tUWgAA)hD7`B)BdWkHv(>#$_bDNL5tbQg zk=GwbwLx+Kl;h*#Pf`RenkbhOVR=hp#!7BD;71E=mw0$LJ`7bvfVS71&zyV2WwxL- z)@y9mYHWaVj}j|oxu#^XP~}@<#qpD;g%s!+ls8o Z_pD7g6y8s?5PFTOI*%46Z~XR>Xn;PbQ25gF&G< zWzThRGXk;NC=HE(BKQGxkwS(Qnq;tAnG!}L5Sx9qN}(tLgn(EuPAX@hW*eGOfK<#t zeM08r`ARkzFZEAVfg!1aP*G}vh$cq)`T(1?beKQ}LP9_*OO&hWS_W!~mkzH@$2b(Q zBmyNcP`?=!!4Cr13Ka;Dv0fMvp5O^kXjlT-i$bG#07Q6?!&7lYJO)prlSyDd{*|a&j^@nS@oS;&22SjfTS$aYP~pmcXb}q>?HjsX`8z7=^J44a7jfmj32~Oc^YVi-**2$mQzgV8LO-X@yE00gK0}mSjx+ zt)Te)cOzu7H_~b-82sJ%Kjc@3rYJ#NFsN2&R3bQw64$p>y<3q3-1)on3gpHTVg^3)6NFxK~5Rbz^X*5zXorb4!DNGiVL*P<4TmpefVv{&5PZpj- z!*e-!+6uwjKv)-63}cy|ets-AlSyQ;Ndy9y%%pLdTrQFA$H8-0EI;N7mM2$3Lb(Vu zDK%lGzhi0d#M0R+PzWhhp$bLfN;L(=DO7{g9=jqYuw5C?2OYg5FLfm)?X~-JhHdhVF2?-p8QS=b z`Z&Mi-4acMS+;z>ru5!M8<7`L*Aly-#?CP^`q*%U+g$2UfIeox;oJJYPamFQ8W=Bv z$L=@VrF`m6Exv376=eSIvp-**cyvkUt?#}{BMmUp#>$R5EPUOW(^Qc|J7G4nt(Qq| zwa11&o=y4EG4H#|{O*4h)}+RcWG~eBJQ^qJx-uWOKT6d+nGH5RXwywFG(QBfsn@E_zL^$((sU_GH>&%Rv`V7MJmojJ8my*9g`>LyAMD%_6;+(89vbZbrg@Qiw6y7Jm$@5hV{g|#8v7zYcZ;uX zn|c4~RJ4CwOMcBqg9#p;AN@otyX&y|y)74ui+8Rqu@#!nJ`Ib{jLwsXcUfkgXf>3C zq@|^?%WgK`b31;U5RieR+I@c{FB|{j@Z)K#A<^0}7n(EiXGd!wJkL1lEvb!|csbH% zNjlT|L&e0chHXk>I3n`HoC6&P_8z&=Iy>K~x-*skwD&(*1(_QxhxZF!W9@y!;Gc4{ zc!I)Hx8iU6+MTz*QQIq@F%0}@3}L;#cA@#z1C+(}n=>~t+R>iwH3tS`w0!}hoa|_C z<33=>FtSLg9{1%C3&G2b%L9Y;MFN5~Z`3?wG`u*3(BCng*)|h;Jg7%EIgUPRFC^;f z)UGilqx!8qoz|6p!&`#&p4scQnp^H|QPZ@~FAhdtYWVJH*|jh!-u-OZk9qr=#I-xn z-%2h-8p8kf)wVObnxqQ@Q%dTM2`I4lNcC9faFyFHTTi2O&K~pjfmHozi}PRLT^o!1 ztwHPU#4B~FHv148HFSOdmAFm+Ti~FIx31Sbd-m*vv9i)?a8)>JT?F^D%i8In9R~ER zZDv%9g33Z7?-0k~;OcW9G)=7f7|M${S1V{cFw$}x@ZTTP3U%)J_x8QW@M-e-##NKz zqA7`&+pDJ8LyQ^I`%AAe^S#Hr%BD|udnuD4XsW2Ee6`3S-N(mg=%)k+h4o3APR6_hx~Kr!CBL<0go%-RIy^Regy(Dg&_a{ literal 0 HcmV?d00001 diff --git a/template/images/wearable_s_w.png b/template/images/wearable_s_w.png new file mode 100644 index 0000000000000000000000000000000000000000..379a9c5b7f27ed201c3b97883296c3ce95d45f35 GIT binary patch literal 2652 zcmb7GXH*mE8jcMMy+t&lF(_gol>`!k+>nGO0R$AJ8j?XGq>xNVDC(jRDPmMW^r|3u z5iHnNP?`t^QKZ@h*+r05S5XuY0!DUl)%C|7&$)BX%=f+DywCIYIg{q?>7qMt;XD`& zrt9X)@PXD<(2bch9eOT|ZmWfs1t2p3^c6;cGPW3i(YV5J0O`hOZvlJ&Ha9NjHb8~J zW?bR<1%Lr84+=-fN3*AN&~m;ALc?HGN4bd2i2^`mIIx8$a6rAQszo7rTnCgtk%eW6 z=s+aTHC_z(#(Vm4;-ffZF3NE&k}9V_1bhHwBjx;PfrKJ=Kz-q*K>Mj<3<~*01&ne) z{q0l$%Nt1-iUA}MO|s@-aW+U>G8#uD*^+J7An}ll!P;T)SZgeqLL^YIc;wd$1z8hw zBPc!$=dZRP$pIA!f+7kABa_L{G6GsC-h#oA$z%)`kHO=uAq{IuoB(9YtpyT`Zww4T z!V&XCAWtYjPBF5>g;LM~1$p{+2z-$bZ%ZU7`A#m7d`%XVHjJDt!r;(YjQESrRD9o1 zEY{BveExTB3Frg-G$$GZ$FyZIaX1=*PGC6MIAIxN zER%sHen4zZYyk(D zGCGCj{ez|b6icCt0X8TU`w4~7-@3^=QV0qqkwOuYPXE$9NGpGyfGd>Yi#(oY8Xt*-i<-?lXpH3i1Ntt zHxo>Z=nc8n>67`<*u0EAghGVT_NiDiNJtQ7e^b_t+H#QM_*Lu4qbbv zevCjM&OUNk^f0REkxpA?+{t?bg0e$_EhqJkw7d-N|Mf{=lBkyP;hc{q_P~KQ_A)bj zQrF~G(l!#;EHHH5IFY_=+>$<;=Uy{3_!@x-+oKbTSdwuoj#*WO_HEQXqbPaixP*kQ zvmACy{}>daw_;eYP*MZGw?-1(F1vXue~+)=O2X`(XHiS^^%$?0`#USlSFbJrJw_7; z9TLYb)YNo`Uu=)ncw|vG3@YB0kyqOXp&Ys&@kJHa{GwL*mPzS~{DJb(qD!3~-AhhB z@hY~wPWtta@%If}Rv<;$n6XAvlQ0?>6vVRhJ$_T`f%~L?)twFd_64AG3c^V;l4%?+F3&2M+t%x;K9+R68s1TwKLj(mW7;0ODA)c{ zkCjI@XD0u=^tYZBHF4d#Vh@lIa@p`YSG6v+H7FBvA?Zp#0v?^HuPHeUePZtw>}byMAhU9 zOUv=`ac38omWZK0|6HYYsxa|jV1Jv(W-#1U6z?%12&6V&wi%%-@{pVZw| zvP@?SKDFD9aKUsj_V)z)(VEWB_iVJ~0m-EIR{37*P3*77f^yfmiH`$s-wKBN`uau( zx^i=Kiyv%FTkR3FCZ#4M;vw8TPd%}JXQM@LXaa8TwqaoleU;t|>!dkrmFCGAYHe+8 zTj6iX?TKq^tE)e?7tn*>9&9NsEhX;FeCV;q*>vO@e4VE|;9i7Zx^(Ga4}ZGdu~vmb zarp3Il}a`AqAkj1VW8FU2J0sl{i@$#iv;|!{sj*J)W1++uM-g zZJ+t-W+oyM6H=MH;aX?e79PKp*I{T_m5%x3YO;H!QQAztYZpRCaqb-Y<)``-?WD)Z zqdQpww7=#4;I6V_dBk{SH|15R{=Di8`Zg<**XrrV-HUwAF7O*>$;Zf@oW{L%PKN2m zq#&fh_4MLRXKk6iznhnrKgh`|DvC?rCA@8tLyu8@7>m#QkL&uGh~`5^exUxR>|9lN z43D?+L}&Jmx=NAZSjU2b!DIdXz@Rpp<=U=QlL2`Lc%W-~VHlq1F_P%cp z_iD%#9(a!D`_mB2=gG0Dklm@Ss#Gi^bAtG+2h4TUzLO{r^t5ZPH4R zf#C6Rtyrm)I0Tx$-LCB48WpuIXV&okW5+VdTZSUq#L)7@gI_fJG6>3$QF*ddYx#LBvd3`lYKCUclZEZbx z5U%JC1%Up#U9)9Id0ek#6F=DVP;*zS*9JP!$6;SY`AUuBbRAgL;>+bHINO<1|9fss LPsTZ?%{%`BtxR|e literal 0 HcmV?d00001 diff --git a/template/scripts/common.js b/template/scripts/common.js new file mode 100644 index 0000000..60250b6 --- /dev/null +++ b/template/scripts/common.js @@ -0,0 +1,1752 @@ +$(document).ready(function(){ + $('#contents table').each(function(){ + if (!$(this).parent().hasClass('table')) { + $(this).wrap('
'); + } + }); + + // Lnb Menu Initialize + if($('div#contents').find('.lnb').length){ + if($("ul li.events_news").size() > 0) { + $("ul.lnb").after("

\"Samsung

"); + } + initLnb(); + initScript(staticURL + "/js/fixednavbar.js", function(){}); + } + + //family site + if($('div#footer').find('dl#familySlider').length){ + fn_rollToEx('familySlider', 'sliderBanner', 1, true); + } + + // Svn Commit Test + + // Language Selection + if($('div#header').find('.util').length){ + var $lang = $('div#header').find('.util'); + $lang.find('a.lang').toggle(function(){ + $(this).css('background-image', $(this).css('background-image').replace('.gif','_.gif')).next('ul.language').show(); + },function(){ + $(this).css('background-image', $(this).css('background-image').replace('_.gif','.gif')).next('ul.language').hide(); + }); + + $lang.bind('mouseleave',function(){ + $(this).find('ul.language').hide(); + $lang.find('a.lang').css('background-image', $lang.find('a.lang').css('background-image').replace('_.gif','.gif')); + }); + + $lang.find('ul.language').children().last().on("keydown", function(e) { + if(e.which == 9 && e.shiftKey) { + return true; + } + + if(e.which == 9) { + e.preventDefault(); + $lang.find('ul.language').hide(); + $lang.find('a.lang').css('background-image', $lang.find('a.lang').css('background-image').replace('_.gif','.gif')); + setTimeout(function() { + $("#searchTop").focus(); + }, 1); + } + }); + } + + // Open the Sitemap + var $open = $('div#header').find('.bt-open'); + $open.bind('click',function(){ + var $self = $(this); + var $sitemap = $('div#wrapper').find('div#sitemap'); + //var source = $sitemap.is(':visible') ? $self.css('background-image').replace('_.gif','.gif') : $self.css('background-image').replace('.gif','_.gif'); + + if($sitemap.is(':visible')){ + var source = $self.css('background-image').replace('_.gif','.gif'); + //if($('body#main').length) $('#header .util').css('border-bottom','3px solid #e4e4e4'); + + $self.attr('title','open sitemap'); + }else{ + var source = $self.css('background-image').replace('.gif','_.gif'); + //if($('body#main').length) $('#header .util').css('border-bottom','3px solid #114196'); + + $self.attr('title','close sitemap'); + } + + $self.css('background-image',source); + $sitemap.slideToggle('fast'); + + $sitemap.find('ul').filter(':last').children().filter(':last').focusout(function(){ + var source = $self.css('background-image').replace('_.gif','.gif'); + $self.css('background-image',source); + $sitemap.slideToggle('fast'); + }); + + }); + + // Search Auto Complete + var $search = $('div#header').find('fieldset.search'); + var $searchList = $search.find('#topAutocomplete>ul'); + + if($search.length){ + $search.find('> input').each(function(){ + $(this).bind({ + keydown : function(e){ + + if(e.type=='keydown'&& $(this).val().length!=0){ + $search.find('#topAutocomplete').show(); + var hei = $searchList.outerHeight(); + if(hei>400){ + $searchList.css({'height':'400px','overflow-y':'auto'}); + } + } + if(e.keyCode==9){ + $search.unbind('focusout.search'); + } + if(e.keyCode==40){ + $search.find('#topAutocomplete>ul').children(':first').find('a').focus(); + //window.scrollTo(0,0); + } + }, + focusin : function(e){ + if($(this).val()==='Search'){ + $(this).val(''); + } + }, + focusout : function(e){ + if($(this).val().length==0) $(this).val('Search'); + } + }); + }); + + //$('#topAutocomplete>ul').children().find('a').bind('focusin',function(e){ + // if(e.keyCode==40){ + // $(this).parent().next().css('border','1px solid red').find('a').focus(); + // } + //}); + + $search.find('#topAutocomplete').bind('mouseleave',function(e){ + if($search.find('> input').val().length==0){ + $search.find('> input').val('Search'); + } + $search.find('#topAutocomplete').hide(); + }); + + $search.find('#topAutocomplete>ul').children().last().focusout(function(){ + $search.find('> input').val('Search'); + $search.find('#topAutocomplete').hide(); + + //$search.bind('focusout.search', function(){ + // $(this).find('> input').val('Search'); + // $(this).find('#topAutocomplete').hide(); + //}); + }); + } +}); + +// 비차단 동적 스크립트 로딩 +function initScript(url, callback){ + var script = document.createElement("script"); + script.type = "text/javascript"; + + if(script.readyState){ // 인터넷 익스플로러 + script.onreadystatechange = function(){ + if(script.readyState=="loaded" || script.readyState=="complete"){ + script.onreadystatechange = null; + callback(); + } + }; + }else{ // 다른 브라우저 + script.onload = function(){ + callback(); + }; + } + + script.src = url; + document.getElementsByTagName("head")[0].appendChild(script); +} + + +// lnb +function initLnb(){ + var sMenu = $('.lnb'); + var sItem = sMenu.find('>li'); + + sItem.each(function(){ + if($(this).find('a').hasClass('more')){ + if($(this).find('ul').is(":visible")) { + $('').insertAfter($(this).find('a').eq(0)); + } else { + $('').insertAfter($(this).find('a').eq(0)); + } + } + }); + + var setIcoArrText = function(obj) { + if(obj.next().is(":visible")) { + obj.text("close submenu"); + } else { + obj.text("open submenu"); + } + } + + sItem.find('.ico-arr').on("click", function() { + var $that = $(this); + var liBox = $that.parent(); + var ulBox = $that.next(); + + sItem.not(liBox).not(".on").find("a.more").next().next().hide(); + sItem.not(liBox).removeClass("active").find("a").removeClass("bov"); + + if(liBox.hasClass("on")) { + if(ulBox.is(":visible")) { + ulBox.hide(); + $that.addClass("ico-on"); + } else { + ulBox.show(); + $that.removeClass("ico-on"); + } + setIcoArrText($that); + return true; + } + + if(liBox.hasClass("active")) { + liBox.removeClass("active").find("a").eq(0).removeClass("bov"); + ulBox.hide(); + } else { + liBox.addClass("active").find("a").eq(0).addClass("bov"); + ulBox.show(); + } + setIcoArrText($that); + }); + + sItem.hover(function(){ + if($(this).hasClass('on')||$(this).hasClass('active')) return false; + $(this).find("a").eq(0).addClass("bov"); + },function(){ + if($(this).hasClass('on')||$(this).hasClass('active')) return false; + $(this).find("a").eq(0).removeClass("bov"); + + }); +} + +//footer rolling banner +function fn_rollToEx(container,objectId,step,auto){ + + // 롤링할 객체를 변수에 담아둔다. + var el = $('#'+container).find('#'+objectId); + var lastChild; + var speed = 3000; + var timer = 0; + var autoplay = false; + + el.data('prev', $('#'+container).find('.prev')); //이전버튼을 data()메서드를 사용하여 저장한다. + el.data('next', $('#'+container).find('.next')); //다음버튼을 data()메서드를 사용하여 저장한다. + el.data('size', el.children().outerWidth()); //롤링객체의 자식요소의 넓이를 저장한다. + el.data('len', el.children().length); //롤링객체의 전체요소 개수 + el.data('animating',false); + el.data('step', step); //매개변수로 받은 step을 저장한다. + el.data('autoStart', false); //매개변수로 받은 step을 저장한다. + + el.css('width',el.data('size')*el.data('len')); //롤링객체의 전체넓이 지정한다. + + if(arguments.length==4){ + el.data('autoStart', auto); + } + + if(el.data('autoStart')){ + if(timer==0){ + timer = setInterval(moveNextSlide, speed); + autoplay = true; + } + } + + el.bind({ + mouseenter:function(){ + if(!autoplay) return false; + + if(timer!=0 && el.data('autoStart')){ + clearInterval(timer); + timer=0; + } + }, + mouseleave:function(){ + if(!autoplay) return false; + + if(timer==0 && el.data('autoStart')){ + timer = setInterval(moveNextSlide, speed); + } + } + }); + + + //el에 첨부된 prev 데이타를 클릭이벤트에 바인드한다. + el.data('prev').bind({ + click:function(e){ + e.preventDefault(); + movePrevSlide(); + }, + mouseenter:function(){ + + $(this).find('img').addClass('btnOn'); + + if(!autoplay) return false; + + if(timer!=0 && el.data('autoStart')){ + clearInterval(timer); + timer=0; + } + }, + mouseleave:function(){ + + $(this).find('img').removeClass('btnOn'); + + if(!autoplay) return false; + + if(timer==0 && el.data('autoStart')){ + timer = setInterval(moveNextSlide, speed); + } + } + }); + + //el에 첨부된 next 데이타를 클릭이벤트에 바인드한다. + el.data('next').bind({ + click:function(e){ + e.preventDefault(); + moveNextSlide(); + }, + mouseenter:function(){ + + $(this).find('img').addClass('btnOn'); + + if(!autoplay) return false; + + if(timer!=0 && el.data('autoStart')){ + clearInterval(timer); + timer=0; + } + }, + mouseleave:function(){ + + $(this).find('img').removeClass('btnOn'); + + if(!autoplay) return false; + + if(timer==0 && el.data('autoStart')){ + timer = setInterval(moveNextSlide, speed); + } + } + }); + + function movePrevSlide(){ + if(!el.data('animating')){ + //전달된 step개수 만큼 롤링객체의 끝에서 요소를 선택하여 복사한후 변수에 저장한다. + var lastItem = el.children().eq(-(el.data('step')+1)).nextAll().clone(true); + lastItem.prependTo(el); //복사된 요소를 롤링객체의 앞에 붙여놓는다. + el.children().eq(-(el.data('step')+1)).nextAll().remove(); //step개수만큼 선택된 요소를 끝에서 제거한다 + el.css('left','-'+(el.data('size')*el.data('step'))+'px'); //롤링객체의 left위치값을 재설정한다. + + el.data('animating',true); //애니메이션 중복을 막기 위해 첨부된 animating 데이타를 true로 설정한다. + + el.animate({'left': '0px'},'normal',function(){ //롤링객체를 left:0만큼 애니메이션 시킨다. + el.data('animating',false); + }); + } + return false; + } + + function moveNextSlide(){ + if(!el.data('animating')){ + el.data('animating',true); + + el.animate({'left':'-'+(el.data('size')*el.data('step'))+'px'},'normal',function(){ //롤링객체를 첨부된 size와 step을 곱한 만큼 애니메이션 시킨다. + //전달된 step개수 만큼 롤링객체의 앞에서 요소를 선택하여 복사한후 변수에 저장한다. + var firstChild = el.children().filter(':lt('+el.data('step')+')').clone(true); + firstChild.appendTo(el); //복사된 요소를 롤링객체의 끝에 붙여놓는다. + el.children().filter(':lt('+el.data('step')+')').remove(); //step개수만큼 선택된 요소를 앞에서 제거한다 + el.css('left','0px'); ////롤링객체의 left위치값을 재설정한다. + + el.data('animating',false); + }); + } + return false; + } + +} + +function fn_slide(options){ + + var opts = jQuery.extend({},options); + + var $bt = $('#'+opts.container).find('#'+opts.bt).children(); //롤링버튼에 대한 선택자 + var $obj = $('#'+opts.container).find('#'+opts.obj); //objectId를 id로 갖는 롤링객체의 선택자 + var $prev = $('#'+opts.container).find('#'+opts.prev).hide(); //이전버튼에 대한 선택자 + var $next = $('#'+opts.container).find('#'+opts.next); //다음버튼에 대한 선택자 + var size = $obj.children().outerWidth(); //롤링객체의 각 이미지 넓이값 + var len = $obj.children().length; //롤링객체의 이미지 갯수 + var effect = false; //슬라이드효과를 위한 boolean변수 + var auto = false; + var current = 0; //현재 보여지는 이미지의 인덱스값을 저장하기 위한 변수 + var time; + + + $obj.css('width',size*len); //롤링객체의 전체넓이 지정 + effect = opts.effect; + auto = opts.auto; + + if(auto){ + time = setTimeout('slideShow()',3000); + } + + slideShow = function(){ + + if(current < len-1){ + current++; + }else{ + current=0; + } + + controllStatus(); + + moveControl('next'); + + time = setTimeout('slideShow()',3000); + } + + controllStatus = function(){ + //이미지의 인덱스값에 따라 이전,다음 버튼 활성여부 지정 + if(current>0||current=len-1){ + $prev.show(); + $next.hide(); + } + } + + moveControl = function(msg){ + if(opts.bt!=null){ + msg=='next'? $bt.eq(current-1).find('img').attr('src', $bt.eq(current-1).find('img').attr('src').replace('_.png','.png')) + :$bt.eq(current+1).find('img').attr('src', $bt.eq(current-1).find('img').attr('src').replace('_.png','.png')); //이전에 활성화된 롤링버튼을 비활성화 + $bt.eq(current).find('img').attr('src', $bt.eq(current).find('img').attr('src').replace('.png','_.png')); //현재 인덱스값을 가지는 롤링버튼을 활성화 + } + + if(effect!=true){ //action변수가 true가 아닐경우 슬라이드 효과없이 현재의 인덱스값을 갖는 이미지를 보여줌. + $obj.children().hide(); + $obj.children().eq(current).show(); + }else{ //action변수가 true일 경우 현재의 인덱스값을 갖는 이미지로 슬라이드됨 + $obj.animate({'left':'-'+size*current},'slow'); + } + } + + $obj.bind({ + mouseenter:function(){ + if(!auto) return false; + clearTimeout(time); + }, + mouseleave:function(){ + if(!auto) return false; + time = setTimeout('slideShow()',3000); + } + }); + + //롤링 버튼 클릭시 + $bt.bind({ + mouseenter:function(){ + if(!auto) return false; + clearTimeout(time); + }, + mouseleave:function(){ + if(!auto) return false; + time = setTimeout('slideShow()',3000); + }, + click:function(){ + var idx = $bt.index(this); //클릭한 롤링버튼의 인덱스값 저장 + + current = idx; //롤링버튼의 인덱스값을 이미지의 인덱스값으로 지정 + + controllStatus(); + + if(effect!=true){ //action변수가 true가 아닐경우 슬라이드 효과없이 현재의 인덱스값을 갖는 이미지를 보여줌. + $obj.children().hide(); + $obj.children().eq(current).show(); + }else{ //action변수가 true일 경우 현재의 인덱스값을 갖는 이미지로 슬라이드됨 + $obj.animate({'left':'-'+size*current},'slow'); + } + + // 모든 롤링 버튼을 비활성화 + $bt.each(function(){ + var source = $(this).find('img').attr('src').replace('_.png','.png'); + $(this).find('img').attr('src',source); + }); + + // 선택한 롤링버튼을 활성화 + var source = $(this).find('img').attr('src').replace('.png','_.png'); + $(this).find('img').attr('src',source); + + return false; + } + }); + + //이전 버튼 클릭시 + $prev.bind({ + mouseenter:function(){ + var source = $(this).find('img').attr('src').replace('.png','_.png'); + $(this).find('img').attr('src',source); + if(!auto) return false; + clearTimeout(time); + }, + mouseleave:function(){ + var source = $(this).find('img').attr('src').replace('_.png','.png'); + $(this).find('img').attr('src',source); + if(!auto) return false; + time = setTimeout('slideShow()',3000); + }, + click:function(){ + if(current==len-1) $next.show(); //이미지 인덱스값이 마지막이 아닐경우 비활성화된 다음버튼을 활성화 + current--; //이미지 인덱스값 1씩 감소 + + moveControl('prev'); + + if(current==0) $(this).hide(); //이미지 인덱스값이 0일 경우, 즉 현재 첫번째 이미지가 활성화될 경우 이전버튼을 비활성화 + + return false; + } + }); + + //다음 버튼 클릭시 + $next.bind({ + mouseenter:function(){ + var source = $(this).find('img').attr('src').replace('.png','_.png'); + $(this).find('img').attr('src',source); + if(!auto) return false; + clearTimeout(time); + }, + mouseleave:function(){ + var source = $(this).find('img').attr('src').replace('_.png','.png'); + $(this).find('img').attr('src',source); + if(!auto) return false; + time = setTimeout('slideShow()',3000); + }, + click:function(){ + current++; //이미지 인덱스값 1씩 증가 + + moveControl('next'); + + if(current>=len-1) $(this).hide(); //이미지인덱스값이 마지막일 경우, 즉 현재 마지막 이미지가 활성화될 경우 다음버튼을 비활성화 + if(current>0) $prev.show(); //이미지인덱스값이 0이 아닌경우 이전버튼 활성화 + + return false; + } + }); + +} + +// main rolling banner +function slideMotion1(){ + var $banner = $('#rolling .motionview'), + //$nav = $('#rolling ul.nav'), + banner = {prev:null, next:null}, + size = $banner.children().length; + index = 1, + speed = 3000, + timer = null, + auto = true, + width = parseInt(100/size), + rest = parseInt(100%size); + + var $nav = $('