Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head >
- <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
- <style type="text/css">
- <!--
- #msgBx{
- position :relative;
- top :1px;
- left :1px;
- font-size :1.2em;
- padding :5 0 0 10;
- color :navy;
- background-color :#eeeeee;
- height :1.5em;
- width :60%;
- overflow: hidden;
- }
- -->
- </style>
- <style type="text/css">/* ラジオボタンを消す */
- #slidemenu input{
- display: none;
- }
- /* 開閉ボタン */
- #button_open,
- #button_close {
- position: fixed;
- top: 3px;
- left: 3px;
- width: 32px;
- height: 32px;
- text-align: right;
- cursor: pointer;
- }
- /* 初期値はオープンボタンはblock、クローズボタンはnone */
- #button_open {
- display: block;
- }
- #button_close {
- display: none;
- }
- /****************************************
- ボタンのスタイル ここから
- ****************************************/
- #button_open span,
- #button_close span {
- margin: 0 auto;
- width: 32px;
- height: 32px;
- display: inline-block;
- position: relative;
- background: #555555;
- }
- /* 擬似要素で横線を描写(border-top) */
- #button_open span:after,
- #button_close span:after {
- content: "";
- position: absolute;
- top: 14px;
- left: 8px;
- width: 16px;
- border-top: 3px solid #FFFFFF;
- }
- /* オープンボタンはbox-shadowを上下に描写して3本線に */
- #button_open span:after {
- box-shadow: 0 6px 0 #CACACA, 0 -6px 0 #FFFFFF;
- }
- /****************************************
- ボタンのスタイル ここまで
- ****************************************/
- /****************************************
- メニューのスタイル ここから
- ****************************************/
- #menu {
- margin: 0;
- padding: 0;
- width: 0; /* 初期値は横幅が0で見えない状態 */
- position: fixed;
- top: 36px;
- left: 3px;
- color: #FFFFFF;
- z-index: 99999;
- overflow: hidden;
- /* 表示するときにアニメーションさせる */
- -webkit-transition: all ease-in-out;
- -webkit-transition-delay: 0.5s;
- -moz-transition: all ease-in-out 0.5s;
- -o-transition: all ease-in-out 0.5s;
- transition: all ease-in-out 0.5s;
- }
- #menu ul {
- margin: 0;
- padding: 0;
- color: #FFFFFF;
- border-top: #CACACA;
- text-align: left;
- list-style: none inside;
- }
- #menu li {
- margin: 0;
- padding: 0;
- overflow: hidden;
- width: 100%;
- }
- #menu li a {
- margin: 0;
- padding: 5px;
- overflow: hidden;
- display: block;
- height: 34px;
- line-height: 34px;
- background: #555555;
- text-decoration: none;
- color: #FFFFFF;
- }
- #menu li a:hover {
- background: #252525;
- }
- /****************************************
- メニューのスタイル ここまで
- ****************************************/
- /****************************************
- オープンボタンにチェック時の処理 ここから
- ****************************************/
- /* オープンボタンを非表示 */
- #open:checked ~ #button_open {
- display: none;
- }
- /* クローズボタンを表示 */
- #open:checked ~ #button_close {
- display: inline;
- }
- /* メニューを表示(横幅をつける) */
- #open:checked ~ #menu {
- width: 80%;
- }
- /****************************************
- オープンボタンにチェック時の処理 ここまで
- ****************************************/
- </style>
- <style type="text/css">/* ラジオボタンを消す */
- /*カレンダー用テーブル
- ---------------------------------------------------------------------------*/
- /*テーブル全体の設定*/
- .cal {
- border: 10px solid #a2a2a2; /*枠線の幅、線種、色*/
- background: #FFF; /*テーブル内の背景色*/
- font-size: 35px; /*文字サイズ*/
- margin-right: auto;
- margin-left: auto;
- }
- .cal td, .cal th{
- border: 1px solid #a2a2a2; /*枠線の幅、線種、色*/
- line-height: 1; /*行間*/
- text-align: center; /*文字をセンタリング*/
- padding: 5px; /*ボックス内の余白*/
- }
- /*テーブル内のth(曜日)設定*/
- .cal th{
- background: #ebebeb; /*背景色*/
- }
- /*休日の設定*/
- .cal .off {
- background: #ffced8; /*背景色*/
- color: #666; /*文字色*/
- }
- /*日曜日の設定*/
- .cal .sun {
- color: #FF5C7F; /*文字色*/
- }
- </style>
- <style type="text/css">
- <!--
- div#floating-menu {
- position: fixed;
- text-align: right;
- top: 0px;
- left: 70%;
- right: 0px;
- background-color: #FFFFFF;
- border: 1px solid #000000;
- z-index: 9999;
- opacity: 0.5;
- }
- -->
- </style>
- <style type="text/css">
- <!--
- input,textarea {
- font-size: 1.5em;
- width:90%;
- height:75%;
- }
- -->
- </style>
- <style type="text/css">
- <!--
- #buttonx {
- width:30%;
- color:#ffffff;
- background:#337fcc;
- font-family: fantasy,sans-serif;
- font-size:24px;
- font-weight:bold;
- text-shadow:0 1px 0px #143352,0 2px 0px #143352;
- text-align:center;
- display:inline-block;
- text-decoration:none;
- border:1px solid #225588;
- padding:15px 0 12px 0;
- border-radius:5px;
- margin-bottom:20px;
- }
- -->
- </style>
- <script type="text/javascript">
- /*
- * Simple Calender
- *
- * Copyright 2012 (C) Crytus Corporation
- *
- * Version 1.0 2012/11/08
- * Version 1.1 2012/12/21 使用する休日タイプを指定可能に
- * Version 1.2 2013/08/31 31日に翌月のカレンダーが1ヶ月先になってしまう問題に対応
- *
- */
- // 曜日ごとに設定するクラス
- var w_class = new Array("sun","cal_mon","cal_tue","cal_wed","cal_thu","cal_fri","cal_sat");
- // 曜日などの表示内容
- var w_disp = new Array('日','月','火','水','木','金','土','年','月');
- //var w_disp = new Array('Su','Mo','Tu','We','Th','Fr','Sa',' / ','');
- // 春分の日、秋分の日は固定ではないので、2012年から2021年まで対応
- var h_spring = new Array(20, 20, 21, 21, 20, 20, 21, 21, 20, 20);
- var h_fall = new Array(22, 23, 23, 23, 22, 23, 23, 23, 22, 23);
- // 設置場所
- var pos = 'calender/'; // 下位のディレクトリにも設置する場合は、絶対パスに('/calender/')
- // 月ごとの固定休日指定
- var hd_1 = new Array(0,1);
- var hd_2 = new Array(0,11);
- var hd_3 = new Array();
- var hd_4 = new Array(0,29);
- var hd_5 = new Array(3,4,5);
- var hd_6 = new Array();
- var hd_7 = new Array();
- var hd_8 = new Array();
- var hd_9 = new Array(0,22);
- var hd_10 = new Array();
- var hd_11 = new Array(3,23);
- var hd_12 = new Array(0,23);
- // 使用する休日タイプ
- // 1:日曜-7:土曜,13:固定休日,14:ハッピーマンデー,15:春・秋分,16:振替
- var use_h = new Array(1,7,13,14,15,16); // 通常のカレンダー(土日祝祭日)
- //var use_h = new Array(4,13,14,15,16); // 水曜日と祝祭日の例
- //var use_h = new Array(13,0); // 固定休日指定のみ有効の場合(0が必要)
- // originally by Tim Morgan <http://snippets.dzone.com/posts/show/2025>
- function $(e){if(typeof e=='string')e=document.getElementById(e);return e};
- 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};
- ajax={};
- ajax.x=function(){try{return new ActiveXObject('Msxml2.XMLHTTP')}catch(e){try{return new ActiveXObject('Microsoft.XMLHTTP')}catch(e){return new XMLHttpRequest()}}};
- 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('&');};
- 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)};
- ajax.get=function(url,func){ajax.send(url,func,'GET')};
- ajax.gets=function(url){var x=ajax.x();x.open('GET',url,false);x.send(null);return x.responseText};
- ajax.post=function(url,func,args){ajax.send(url,func,'POST',args)};
- ajax.update=function(url,elm){var e=$(elm);var f=function(r){e.innerHTML=r};ajax.get(url,f)};
- ajax.submit=function(url,elm,frm){var e=$(elm);var f=function(r){e.innerHTML=r};ajax.post(url,f,ajax.serialize(frm))};
- 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,{}))
- </script>
- <script type="text/javascript">
- <!--
- window.onload = scrMsg;
- var cnt = 0;
- var stpX = 10; //停止座標
- var stpTime = 200; //停止時間
- var posLeft = 600; //開始座標
- var i = 0; //配列変数
- var zflg=1;
- var list = new Array(); //配列 スクロールさせる文字列
- list[0]="@@@1@@@";
- list[1]="@@@2@@@";
- list[2]="@@@3@@@";
- list[3]="@@@4@@@";
- list[4]="@@@5@@@";
- list[5]="@@@6@@@";
- list[6]="@@@7@@@";
- list[7]="@@@8@@@";
- list[8]="@@@9@@@";
- list[9]="@@@10@@@";
- function scrMsg(){
- if(zflg==1){
- zflg=0;
- i=0;
- }
- if(i<list.length){
- document.getElementById('msgBx').innerHTML = msgTxt();
- }
- if(i>=list.length){
- i=0;
- document.getElementById('msgBx').innerHTML = msgTxt();
- }
- cnt++;
- if(cnt > stpTime){
- cnt = 0;
- i++;
- // console.log(i,"-->",list.length);
- if(i>=list.length){i=0;}
- }
- setTimeout("scrMsg()",20);
- }
- function msgTxt() {
- var drift = "";
- var speed = 15; //テキストの流れる速さ
- var posX = posLeft-cnt*speed; //テキストの X座標
- if (posX < stpX){ posX = stpX;} //スクロール停止
- {drift = '<div style="position:absolute;left:' + posX +'">' + list[i] + "</div>";
- // console.log(i," ",list[i]);
- return drift;}
- }
- // -->
- </script>
- <title>カレンダー</title>
- </head>
- <!--
- This simple Javascript Function sends
- the string "data" to the the excuting BASIC!
- program.
- The BASIC command, "html.getdatalink data$", is
- used to read linked data. If data$ is empty ("") then
- not data has been sent. The BASIC! programmer
- can loop on this value until a non-empty string is
- returned.
- This function is the heart the HTML/BASIC! interactive
- interface.
- -->
- <script type="text/javascript">
- function doDataLink(data) {
- Android.dataLink(data);
- }
- </script>
- <body bgcolor="azure">
- <div id="slidemenu">
- <input type="radio" name="text" value="1" id="open" />
- <label for="open" id="button_open"><span></span></label>
- <input type="radio" name="text" value="1" id="close" />
- <label for="close" id="button_close"><span></span></label>
- <div id="menu">
- <ul>
- <li><a onmouseover="this.style.background='#252525'" onmouseout="this.style.background='#555555'" onclick="this.style.background='#43cd80';doDataLink('//x//')">終 了</a></li>
- <li><a onmouseover="this.style.background='#252525'" onmouseout="this.style.background='#555555'" onclick="this.style.background='#43cd80';doDataLink('//w//')">前 月</a></li>
- <li><a onmouseover="this.style.background='#252525'" onmouseout="this.style.background='#555555'" onclick="this.style.background='#43cd80';doDataLink('//y//')">今 月</a></li>
- <li><a onmouseover="this.style.background='#252525'" onmouseout="this.style.background='#555555'" onclick="this.style.background='#43cd80';doDataLink('//z//')">翌 月</a></li>
- </ul>
- </div>
- </div>
- <div id="floating-menu">
- <p id="RealtimeClockArea">時計表示エリア</p>
- </div>
- <script type="text/javascript">
- function set2fig(num) {
- // 桁数が1桁だったら先頭に0を加えて2桁に調整する
- var ret;
- if( num < 10 ) { ret = "0" + num; }
- else { ret = num; }
- return ret;
- }
- function showClock1() {
- var nowTime = new Date();
- var nowHour = set2fig( nowTime.getHours() );
- var nowMin = set2fig( nowTime.getMinutes() );
- var nowSec = set2fig( nowTime.getSeconds() );
- var nowYear = nowTime.getFullYear();
- var nowMonth = nowTime.getMonth() + 1;
- var nowDate = nowTime.getDate();
- var yobi = ["日","月","火","水","木","金","土"];
- var nowYobi = yobi[nowTime.getDay()];
- var msg = nowYear + "/" + nowMonth + "/" + nowDate
- var msg = msg + "(" + nowYobi + ") [" + nowHour + ":" + nowMin + ":" + nowSec + "]";
- document.getElementById("RealtimeClockArea").innerHTML = msg;
- }
- setInterval('showClock1()',1000);
- </script>
- <div align="center">
- <!--
- Display an image located on the internet
- -->
- <h1><b>カレンダー</b></h1>
- <table>
- <tr>
- <td>
- <img src="http://dimg.azurewebsites.net/@@@sisz@@@/f0ffff" border=1>
- </td>
- <td>
- <div id="cal2" style="padding:10px"></div>
- </td>
- </tr>
- </table>
- <nobr><div id="msgBx" style="font-size:15px;"></div></nobr>
- </div>
- <script type="text/javascript"><!--
- var yy, mm;
- // 今月
- today = new Date();
- // 特定の年月の表示をする場合
- // today.setMonth(8); // 月-1
- // today.setFullYear(2018);
- yy = today.getFullYear();
- mm = today.getMonth() + 1;
- //document.getElementById('cal1').innerHTML = put_calender(yy, mm, 'cal', 'hcal', '', '');
- // 翌月
- if (mm > 11) {
- mm = 0;
- yy += 1;
- today.setFullYear(yy);
- }
- today.setMonth(mm);
- yy = today.getFullYear();
- mm = today.getMonth() + 1;
- document.getElementById('cal2').innerHTML = put_calender(yy, mm, 'cal', 'hcal', '', '');
- //--></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement