17
2006
[KAIEN-NET] TOPページ化とリアルタイム時計
「今更XOOPS導入記。」で記した前提条件だと
ホームディレクトリのグローバルURLにエントランスを置くなどして
XOOPSインストールディレクトリへ誘導してやらないと、
せっかく作ったXOOPSのSITEを見る事ができません。
そこで、ホームディレクトリのグローバルURLにアクセスすると
XOOPSインストールディレクトリへ勝手に飛ぶようにしてみました。
あと、デザイン上TOPページにリアルタイム時計が欲しくなったので、
ネットで調べて導入してみました。
【TOPページ化】
1.下記内容の「index.php」ファイルを作成。
<?php
header(“Location: xoops/”);
?>
2.作成した「index.php」をホームディレクトリのグローバルURL直下にアップロード。
「今更XOOPS導入記。」の前提条件で説明すると、これで
https://kaien-net.ddo.jp/~admin/ にアクセスした途端に
https://kaien-net.ddo.jp/~admin/web/ に飛ばすことができます。
【参考にさせて頂いたサイト】
【リアルタイム時計】
1.下記内容の「clock.js」を作成。
var dayarray=new Array(“Sunday”,”Monday”,”Tuesday”,
“Wednesday”,”Thursday”,”Friday”,”Saturday”)
var montharray=new Array(“January”,”February”,”March”,”April”,
“May”,”June”,”July”,”August”,”September”,
“October”,”November”,”December”)
function getthedate()
{
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym="0"+daym var hours=mydate.getHours() var minutes=mydate.getMinutes() var seconds=mydate.getSeconds() var dn=" { d = new Date(); Time24H = new Date(); Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000); InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes())/1.44); if (InternetTime < 10) InternetTime = "00"+InternetTime; else if (InternetTime < 100) InternetTime = "0"+InternetTime; } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here var cdate = daym+" "+montharray[month]+" "+year+ " | "+hours+":"+minutes+":"+seconds+" "+dn+" if (document.all) document.all.clock.innerHTML=cdate else if (document.getElementById) document.getElementById("clock").innerHTML=cdate else document.write(cdate) } if (!document.all&&!document.getElementById) getthedate() function goforit() { if (document.all||document.getElementById) setInterval("getthedate()",1000) } window.onload=goforit
2.作成した「clock.js」をホームディレクトリのグローバルURL直下にアップロード。
3.TOPページテンプレートの表示させたい場所に下記スクリプトを記述。
<span id=”clock”>
<script type=”text/javascript” src=”clock.js”></script>
</span>
【参考にさせて頂いたサイト】
・「Omakase Blog」様
リアルタイム時計
Similar Posts
- [KAIEN-NET] 今更XOOPS導入記。
- SQLite導入・データ移行。
- Melodies of Pianoman mobile ver.
- GOM PlayerとXAMPPでHTMLから動画を再生させるテスト。
- サイドメニューの背景を最後まで表示する方法。
Related Posts
月 | 火 | 水 | 木 | 金 | 土 | 日 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 |