Advertisement
basictomonokai

プロ生ちゃんカレンダー パート2 cal720.htm

Dec 16th, 2015
198
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.65 KB | None | 0 0
  1. <html>
  2.  
  3. <head >
  4.  
  5. <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
  6.  
  7.  
  8.  
  9. <style type="text/css">
  10. <!--
  11. #msgBx{
  12. position :relative;
  13. top :1px;
  14. left :1px;
  15. font-size :1.2em;
  16. padding :5 0 0 10;
  17. color :navy;
  18. background-color :#eeeeee;
  19. height :1.5em;
  20. width :60%;
  21. overflow: hidden;
  22. }
  23. -->
  24. </style>
  25.  
  26. <style type="text/css">/* ラジオボタンを消す */
  27. #slidemenu input{
  28. display: none;
  29. }
  30. /* 開閉ボタン */
  31. #button_open,
  32. #button_close {
  33. position: fixed;
  34. top: 3px;
  35. left: 3px;
  36. width: 32px;
  37. height: 32px;
  38. text-align: right;
  39. cursor: pointer;
  40. }
  41. /* 初期値はオープンボタンはblock、クローズボタンはnone */
  42. #button_open {
  43. display: block;
  44. }
  45. #button_close {
  46. display: none;
  47. }
  48.  
  49. /****************************************
  50. ボタンのスタイル ここから
  51. ****************************************/
  52. #button_open span,
  53. #button_close span {
  54. margin: 0 auto;
  55. width: 32px;
  56. height: 32px;
  57. display: inline-block;
  58. position: relative;
  59. background: #555555;
  60. }
  61. /* 擬似要素で横線を描写(border-top) */
  62. #button_open span:after,
  63. #button_close span:after {
  64. content: "";
  65. position: absolute;
  66. top: 14px;
  67. left: 8px;
  68. width: 16px;
  69. border-top: 3px solid #FFFFFF;
  70. }
  71. /* オープンボタンはbox-shadowを上下に描写して3本線に */
  72. #button_open span:after {
  73. box-shadow: 0 6px 0 #CACACA, 0 -6px 0 #FFFFFF;
  74. }
  75. /****************************************
  76. ボタンのスタイル ここまで
  77. ****************************************/
  78.  
  79. /****************************************
  80. メニューのスタイル ここから
  81. ****************************************/
  82. #menu {
  83. margin: 0;
  84. padding: 0;
  85. width: 0; /* 初期値は横幅が0で見えない状態 */
  86. position: fixed;
  87. top: 36px;
  88. left: 3px;
  89. color: #FFFFFF;
  90. z-index: 99999;
  91. overflow: hidden;
  92. /* 表示するときにアニメーションさせる */
  93. -webkit-transition: all ease-in-out;
  94. -webkit-transition-delay: 0.5s;
  95. -moz-transition: all ease-in-out 0.5s;
  96. -o-transition: all ease-in-out 0.5s;
  97. transition: all ease-in-out 0.5s;
  98. }
  99. #menu ul {
  100. margin: 0;
  101. padding: 0;
  102. color: #FFFFFF;
  103. border-top: #CACACA;
  104. text-align: left;
  105. list-style: none inside;
  106. }
  107. #menu li {
  108. margin: 0;
  109. padding: 0;
  110. overflow: hidden;
  111. width: 100%;
  112. }
  113. #menu li a {
  114. margin: 0;
  115. padding: 5px;
  116. overflow: hidden;
  117. display: block;
  118. height: 34px;
  119. line-height: 34px;
  120. background: #555555;
  121. text-decoration: none;
  122. color: #FFFFFF;
  123. }
  124. #menu li a:hover {
  125. background: #252525;
  126. }
  127. /****************************************
  128. メニューのスタイル ここまで
  129. ****************************************/
  130.  
  131. /****************************************
  132. オープンボタンにチェック時の処理 ここから
  133. ****************************************/
  134. /* オープンボタンを非表示 */
  135. #open:checked ~ #button_open {
  136. display: none;
  137. }
  138. /* クローズボタンを表示 */
  139. #open:checked ~ #button_close {
  140. display: inline;
  141. }
  142. /* メニューを表示(横幅をつける) */
  143. #open:checked ~ #menu {
  144. width: 80%;
  145. }
  146. /****************************************
  147. オープンボタンにチェック時の処理 ここまで
  148. ****************************************/
  149.  
  150. </style>
  151.  
  152.  
  153.  
  154.  
  155. <style type="text/css">/* ラジオボタンを消す */
  156.  
  157. /*カレンダー用テーブル
  158. ---------------------------------------------------------------------------*/
  159. /*テーブル全体の設定*/
  160. .cal {
  161. border: 10px solid #a2a2a2; /*枠線の幅、線種、色*/
  162. background: #FFF; /*テーブル内の背景色*/
  163. font-size: 35px; /*文字サイズ*/
  164. margin-right: auto;
  165. margin-left: auto;
  166. }
  167. .cal td, .cal th{
  168. border: 1px solid #a2a2a2; /*枠線の幅、線種、色*/
  169. line-height: 1; /*行間*/
  170. text-align: center; /*文字をセンタリング*/
  171. padding: 5px; /*ボックス内の余白*/
  172. }
  173. /*テーブル内のth(曜日)設定*/
  174. .cal th{
  175. background: #ebebeb; /*背景色*/
  176. }
  177. /*休日の設定*/
  178. .cal .off {
  179. background: #ffced8; /*背景色*/
  180. color: #666; /*文字色*/
  181. }
  182. /*日曜日の設定*/
  183. .cal .sun {
  184. color: #FF5C7F; /*文字色*/
  185. }
  186.  
  187. </style>
  188.  
  189.  
  190. <style type="text/css">
  191. <!--
  192. div#floating-menu {
  193. position: fixed;
  194. text-align: right;
  195. top: 0px;
  196. left: 70%;
  197. right: 0px;
  198. background-color: #FFFFFF;
  199. border: 1px solid #000000;
  200. z-index: 9999;
  201. opacity: 0.5;
  202. }
  203. -->
  204. </style>
  205.  
  206.  
  207. <style type="text/css">
  208. <!--
  209. input,textarea {
  210. font-size: 1.5em;
  211. width:90%;
  212. height:75%;
  213. }
  214. -->
  215. </style>
  216.  
  217. <style type="text/css">
  218. <!--
  219.  
  220. #buttonx {
  221. width:30%;
  222. color:#ffffff;
  223. background:#337fcc;
  224. font-family: fantasy,sans-serif;
  225. font-size:24px;
  226. font-weight:bold;
  227. text-shadow:0 1px 0px #143352,0 2px 0px #143352;
  228. text-align:center;
  229. display:inline-block;
  230. text-decoration:none;
  231. border:1px solid #225588;
  232. padding:15px 0 12px 0;
  233. border-radius:5px;
  234. margin-bottom:20px;
  235. }
  236.  
  237. -->
  238.  
  239. </style>
  240.  
  241. <script type="text/javascript">
  242. /*
  243. * Simple Calender
  244. *
  245. * Copyright 2012 (C) Crytus Corporation
  246. *
  247. * Version 1.0 2012/11/08
  248. * Version 1.1 2012/12/21 使用する休日タイプを指定可能に
  249. * Version 1.2 2013/08/31 31日に翌月のカレンダーが1ヶ月先になってしまう問題に対応
  250. *
  251. */
  252. // 曜日ごとに設定するクラス
  253. var w_class = new Array("sun","cal_mon","cal_tue","cal_wed","cal_thu","cal_fri","cal_sat");
  254. // 曜日などの表示内容
  255. var w_disp = new Array('日','月','火','水','木','金','土','年','月');
  256. //var w_disp = new Array('Su','Mo','Tu','We','Th','Fr','Sa',' / ','');
  257. // 春分の日、秋分の日は固定ではないので、2012年から2021年まで対応
  258. var h_spring = new Array(20, 20, 21, 21, 20, 20, 21, 21, 20, 20);
  259. var h_fall = new Array(22, 23, 23, 23, 22, 23, 23, 23, 22, 23);
  260.  
  261. // 設置場所
  262. var pos = 'calender/'; // 下位のディレクトリにも設置する場合は、絶対パスに('/calender/')
  263.  
  264. // 月ごとの固定休日指定
  265. var hd_1 = new Array(0,1);
  266. var hd_2 = new Array(0,11);
  267. var hd_3 = new Array();
  268. var hd_4 = new Array(0,29);
  269. var hd_5 = new Array(3,4,5);
  270. var hd_6 = new Array();
  271. var hd_7 = new Array();
  272. var hd_8 = new Array();
  273. var hd_9 = new Array(0,22);
  274. var hd_10 = new Array();
  275. var hd_11 = new Array(3,23);
  276. var hd_12 = new Array(0,23);
  277.  
  278. // 使用する休日タイプ
  279. // 1:日曜-7:土曜,13:固定休日,14:ハッピーマンデー,15:春・秋分,16:振替
  280. var use_h = new Array(1,7,13,14,15,16); // 通常のカレンダー(土日祝祭日)
  281. //var use_h = new Array(4,13,14,15,16); // 水曜日と祝祭日の例
  282. //var use_h = new Array(13,0); // 固定休日指定のみ有効の場合(0が必要)
  283.  
  284. // originally by Tim Morgan <http://snippets.dzone.com/posts/show/2025>
  285. function $(e){if(typeof e=='string')e=document.getElementById(e);return e};
  286. function collect(a,f){var n=[];for(var i=0;i<a.length;i++){var v=f(a[i]);if(v!=null)n.push(v)}return n};
  287.  
  288. ajax={};
  289. ajax.x=function(){try{return new ActiveXObject('Msxml2.XMLHTTP')}catch(e){try{return new ActiveXObject('Microsoft.XMLHTTP')}catch(e){return new XMLHttpRequest()}}};
  290. ajax.serialize=function(f){var g=function(n){return f.getElementsByTagName(n)};var nv=function(e){if(e.name)return encodeURIComponent(e.name)+'='+encodeURIComponent(e.value);else return ''};var i=collect(g('input'),function(i){if((i.type!='radio'&&i.type!='checkbox')||i.checked)return nv(i)});var s=collect(g('select'),nv);var t=collect(g('textarea'),nv);return i.concat(s).concat(t).join('&');};
  291. ajax.send=function(u,f,m,a){var x=ajax.x();x.open(m,u,true);x.onreadystatechange=function(){if(x.readyState==4)f(x.responseText)};if(m=='POST')x.setRequestHeader('Content-type','application/x-www-form-urlencoded');x.send(a)};
  292. ajax.get=function(url,func){ajax.send(url,func,'GET')};
  293. ajax.gets=function(url){var x=ajax.x();x.open('GET',url,false);x.send(null);return x.responseText};
  294. ajax.post=function(url,func,args){ajax.send(url,func,'POST',args)};
  295. ajax.update=function(url,elm){var e=$(elm);var f=function(r){e.innerHTML=r};ajax.get(url,f)};
  296. ajax.submit=function(url,elm,frm){var e=$(elm);var f=function(r){e.innerHTML=r};ajax.post(url,f,ajax.serialize(frm))};
  297.  
  298. eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('z c(K,V){p i;L(i=0;i<K.1n;i++){b(K[i]==V)e 1}e 0}z C(y,m,d){p h,i,w,F;h=D G();h.M(y);h.A(1);h.N(m-1);h.A(d);w=h.H();i=1;F=0;1o(i<=d){h.A(i);b(w==h.H()){F++}i++}e F}z W(y,m,d){p w,h;h=D G();h.M(y);h.A(1);h.N(m-1);h.A(d);w=h.H();b((w==0)&&c(f,1))e 1;b((w==1)&&c(f,2))e 2;b((w==2)&&c(f,3))e 3;b((w==3)&&c(f,4))e 4;b((w==4)&&c(f,5))e 5;b((w==5)&&c(f,6))e 6;b((w==6)&&c(f,7))e 7;b(m==1){b(c(X,d)&&c(f,13))e 13;b((w==1)&&(c(X,d-1))&&c(f,16)){e 16}b((w==1)&&(C(y,m,d)==2)&&c(f,14)){e 14}}b(m==2){b(c(Y,d)&&c(f,13))e 13;b((w==1)&&(c(Y,d-1))&&c(f,16)){e 16}}b(m==3){b(c(Z,d)&&c(f,13))e 13;b((w==1)&&(c(Z,d-1))&&c(f,16)){e 16}b((17[y-I]==d)&&c(f,15)){e 15}b((w==1)&&(17[y-I]==(d-1))&&c(f,16)){e 16}}b(m==4){b(c(18,d)&&c(f,13))e 13;b((w==1)&&(c(18,d-1))&&c(f,16)){e 16}}b(m==5){b(c(19,d)&&c(f,13))e 13;b((w==1)&&(c(19,d-1))&&c(f,16)){e 16}b((d==6)&&((w==1)||(w==2)||(w==3))){e 16}}b(m==6){b(c(1a,d)&&c(f,13))e 13;b((w==1)&&(c(1a,d-1))&&c(f,16)){e 16}}b(m==7){b(c(1b,d)&&c(f,13))e 13;b((w==1)&&(c(1b,d-1))&&c(f,16)){e 16}b((w==1)&&(C(y,m,d)==3)&&c(f,14)){e 14}}b(m==8){b(c(1c,d)&&c(f,13))e 13;b((w==1)&&(c(1c,d-1))&&c(f,16)){e 16}}b(m==9){b(c(1d,d)&&c(f,13))e 13;b((w==1)&&(c(1d,d-1))&&c(f,16)){e 16}b((w==1)&&(C(y,m,d)==3)&&c(f,14)){e 14}b((1e[y-I]==d)&&c(f,15)){e 15}b((w==1)&&(1e[y-I]==(d-1))&&c(f,16)){e 16}}b(m==10){b(c(1f,d)&&c(f,13))e 13;b((w==1)&&(c(1f,d-1))&&c(f,16)){e 16}b((w==1)&&(C(y,m,d)==2)&&c(f,14)){e 14}}b(m==11){b(c(1g,d)&&c(f,13))e 13;b((w==1)&&(c(1g,d-1))&&c(f,16)){e 16}}b(m==12){b(c(1h,d)&&c(f,13))e 13;b((w==1)&&(c(1h,d-1))&&c(f,16)){e 16}}e 0}z 1i(O){p l,j,n;l=O.1p();j=O.1q()+1;b((j==4)||(j==6)||(j==9)||(j==11)){n=1r}J b(j==2){n=1j;b((l%4)==0){n=1k;b((l%1s)==0){n=1j;b((l%1t)==0){n=1k}}}}J{n=1u}e n}z 1v(l,j,1l,P,Q,R){p q,S,n;p g=\'\';p v;x=D G();x.M(l);x.A(1);x.N(j-1);q=x.1w();S=x.H();n=1i(x);g+=\'<1m o="\'+1l+\'">\';b(P!=\'\'){g+=\'<B>\';g+=\'<u 1x="7" o="\'+P+\'">\';g+=l+r[7]+j+r[8];g+=\'</u></B>\'}g+=\'<B>\';g+=\'<k o="\'+s[0]+\'">\'+r[0]+\'</k>\';g+=\'<k o="\'+s[1]+\'">\'+r[1]+\'</k>\';g+=\'<k o="\'+s[2]+\'">\'+r[2]+\'</k>\';g+=\'<k o="\'+s[3]+\'">\'+r[3]+\'</k>\';g+=\'<k o="\'+s[4]+\'">\'+r[4]+\'</k>\';g+=\'<k o="\'+s[5]+\'">\'+r[5]+\'</k>\';g+=\'<k o="\'+s[6]+\'">\'+r[6]+\'</k>\';g+=\'</B>\';L(w=0;w<6;w++){g+="<B>";L(i=0;i<7;i++){b(((w==0)&&(i<S))||(q>n)){g+="<u o=\\""+s[i]+"\\">&1y;</u>"}J{E=s[i];b(W(l,j,q)){E+=\' 1z\'}v=\'\';b(R[q]){E+=\' 1A\';v=R[q]}b(Q!=\'\'){g+=\'<u o="\'+E+\'"><a 1B="1C:\'+Q+\'(\'+l+\',\'+j+\',\'+q+\')" v="\'+v+\'">\'+q+\'</a></u>\'}J{g+=\'<u o="\'+E+\'" v="\'+v+\'">\'+q+\'</u>\'}q+=1}}g+="</B>";b(q>n){1D}}g+="</1m>";e g}z 1E(l,j){p T=D 1F();p t=D G();p U;U=1G+\'/1H.1I?y=\'+l+\'&m=\'+j+\'&\'+t;p g=1J.1K(U);b(g){1L(\'T=\'+g)}e T}',62,110,'|||||||||||if|array_find||return|use_h|str|day||mm|th|yy||ld|class|var|dd|w_disp|w_class||td|title||today||function|setDate|tr|week_num|new|wc|num|Date|getDay|2012|else|ary|for|setFullYear|setMonth|date|chead|link|dlist|wd|days|url|item|holiday|hd_1|hd_2|hd_3||||||||h_spring|hd_4|hd_5|hd_6|hd_7|hd_8|hd_9|h_fall|hd_10|hd_11|hd_12|getlastday|28|29|ctop|table|length|while|getFullYear|getMonth|30|100|400|31|put_calender|getDate|colspan|nbsp|off|on|href|javascript|break|get_days|Array|pos|calender|php|ajax|gets|eval'.split('|'),0,{}))
  299. </script>
  300.  
  301.  
  302. <script type="text/javascript">
  303. <!--
  304. window.onload = scrMsg;
  305. var cnt = 0;
  306. var stpX = 10; //停止座標
  307. var stpTime = 200; //停止時間
  308. var posLeft = 600; //開始座標
  309. var i = 0; //配列変数
  310. var zflg=1;
  311. var list = new Array(); //配列 スクロールさせる文字列
  312. list[0]="@@@1@@@";
  313. list[1]="@@@2@@@";
  314. list[2]="@@@3@@@";
  315. list[3]="@@@4@@@";
  316. list[4]="@@@5@@@";
  317. list[5]="@@@6@@@";
  318. list[6]="@@@7@@@";
  319. list[7]="@@@8@@@";
  320. list[8]="@@@9@@@";
  321. list[9]="@@@10@@@";
  322.  
  323.  
  324.  
  325. function scrMsg(){
  326.  
  327. if(zflg==1){
  328. zflg=0;
  329. i=0;
  330. }
  331.  
  332. if(i<list.length){
  333. document.getElementById('msgBx').innerHTML = msgTxt();
  334. }
  335. if(i>=list.length){
  336. i=0;
  337. document.getElementById('msgBx').innerHTML = msgTxt();
  338. }
  339. cnt++;
  340. if(cnt > stpTime){
  341. cnt = 0;
  342. i++;
  343. // console.log(i,"-->",list.length);
  344. if(i>=list.length){i=0;}
  345. }
  346. setTimeout("scrMsg()",20);
  347. }
  348.  
  349. function msgTxt() {
  350. var drift = "";
  351. var speed = 15; //テキストの流れる速さ
  352. var posX = posLeft-cnt*speed; //テキストの X座標
  353.  
  354.   if (posX < stpX){ posX = stpX;} //スクロール停止
  355. {drift = '<div style="position:absolute;left:' + posX +'">' + list[i] + "</div>";
  356. // console.log(i," ",list[i]);
  357. return drift;}
  358. }
  359. // -->
  360. </script>
  361.  
  362.  
  363. <title>カレンダー</title>
  364.  
  365. </head>
  366.  
  367. <!--
  368. This simple Javascript Function sends
  369. the string "data" to the the excuting BASIC!
  370. program.
  371.  
  372. The BASIC command, "html.getdatalink data$", is
  373. used to read linked data. If data$ is empty ("") then
  374. not data has been sent. The BASIC! programmer
  375. can loop on this value until a non-empty string is
  376. returned.
  377.  
  378. This function is the heart the HTML/BASIC! interactive
  379. interface.
  380. -->
  381.  
  382. <script type="text/javascript">
  383. function doDataLink(data) {
  384. Android.dataLink(data);
  385. }
  386. </script>
  387.  
  388.  
  389.  
  390. <body bgcolor="azure">
  391.  
  392. <div id="slidemenu">
  393. <input type="radio" name="text" value="1" id="open" />
  394. <label for="open" id="button_open"><span></span></label>
  395. <input type="radio" name="text" value="1" id="close" />
  396. <label for="close" id="button_close"><span></span></label>
  397. <div id="menu">
  398. <ul>
  399. <li><a onmouseover="this.style.background='#252525'" onmouseout="this.style.background='#555555'" onclick="this.style.background='#43cd80';doDataLink('//x//')">終 了</a></li>
  400. <li><a onmouseover="this.style.background='#252525'" onmouseout="this.style.background='#555555'" onclick="this.style.background='#43cd80';doDataLink('//w//')">前 月</a></li>
  401. <li><a onmouseover="this.style.background='#252525'" onmouseout="this.style.background='#555555'" onclick="this.style.background='#43cd80';doDataLink('//y//')">今 月</a></li>
  402. <li><a onmouseover="this.style.background='#252525'" onmouseout="this.style.background='#555555'" onclick="this.style.background='#43cd80';doDataLink('//z//')">翌 月</a></li>
  403. </ul>
  404. </div>
  405. </div>
  406.  
  407.  
  408. <div id="floating-menu">
  409. <p id="RealtimeClockArea">時計表示エリア</p>
  410. </div>
  411. <script type="text/javascript">
  412. function set2fig(num) {
  413. // 桁数が1桁だったら先頭に0を加えて2桁に調整する
  414. var ret;
  415. if( num < 10 ) { ret = "0" + num; }
  416. else { ret = num; }
  417. return ret;
  418. }
  419.  
  420. function showClock1() {
  421. var nowTime = new Date();
  422. var nowHour = set2fig( nowTime.getHours() );
  423. var nowMin = set2fig( nowTime.getMinutes() );
  424. var nowSec = set2fig( nowTime.getSeconds() );
  425. var nowYear = nowTime.getFullYear();
  426. var nowMonth = nowTime.getMonth() + 1;
  427. var nowDate = nowTime.getDate();
  428. var yobi = ["日","月","火","水","木","金","土"];
  429. var nowYobi = yobi[nowTime.getDay()];
  430. var msg = nowYear + "/" + nowMonth + "/" + nowDate
  431. var msg = msg + "(" + nowYobi + ") [" + nowHour + ":" + nowMin + ":" + nowSec + "]";
  432. document.getElementById("RealtimeClockArea").innerHTML = msg;
  433. }
  434. setInterval('showClock1()',1000);
  435. </script>
  436.  
  437. <div align="center">
  438. <!--
  439. Display an image located on the internet
  440. -->
  441.  
  442. <h1><b>カレンダー</b></h1>
  443.  
  444. <table>
  445. <tr>
  446. <td>
  447. <img src="http://dimg.azurewebsites.net/@@@sisz@@@/f0ffff" border=1>
  448. </td>
  449. <td>
  450. <div id="cal2" style="padding:10px"></div>
  451. </td>
  452. </tr>
  453. </table>
  454.  
  455. <nobr><div id="msgBx" style="font-size:15px;"></div></nobr>
  456.  
  457.  
  458. </div>
  459.  
  460. <script type="text/javascript"><!--
  461. var yy, mm;
  462. // 今月
  463. today = new Date();
  464. // 特定の年月の表示をする場合
  465. // today.setMonth(8); // 月-1
  466. // today.setFullYear(2018);
  467. yy = today.getFullYear();
  468. mm = today.getMonth() + 1;
  469. //document.getElementById('cal1').innerHTML = put_calender(yy, mm, 'cal', 'hcal', '', '');
  470. // 翌月
  471. if (mm > 11) {
  472. mm = 0;
  473. yy += 1;
  474. today.setFullYear(yy);
  475. }
  476. today.setMonth(mm);
  477. yy = today.getFullYear();
  478. mm = today.getMonth() + 1;
  479. document.getElementById('cal2').innerHTML = put_calender(yy, mm, 'cal', 'hcal', '', '');
  480. //--></script>
  481.  
  482.  
  483.  
  484. </body>
  485.  
  486. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement