JavaScriptを利用してドメイン別に表示を変えるプログラムを書いた。
でも、HTMLファイルをブラウザで表示するだけだと、ドメインは空なんだよね。
ちゃんとドメインを持ってるWebアプリケーションにこのコードを書けば、
ちゃんとドメインによって表示する内容（HTMLファイル）を変えることができる。
ついでに全然関係ないけど遊びでGoogleApiChartを下記のコードに入れてみた。
これに関してはまた別の機会にブログに書く予定。
このプログラムで使ったメソッド。
document.domain：リクエストしたドメインを取得する。 document.title ：タイトルを取得する。
途中に出てくる
<a href='",URLs[1],"'>",URLs[1],"</a><br>")
は、
<a href='"http://d.hatena.ne.jp/kiyo560808/"'>http://d.hatena.ne.jp/kiyo560808/</a><br>)
となる。
プログラムコード
下記のコードをエディタで作成し、ブラウザ(IEとかFireFox)で開くと、
document.domain==""の条件下にあるページが表示される。
<html>
<head>
<title>Domain Filter</title>
</head>
<body>
<script language="javascript">
//<![CDATA[
URLs = new Array();
URLs[0]="http://d.hatena.ne.jp/kiyo560808/about/";
URLs[1]="http://d.hatena.ne.jp/kiyo560808/";
if(document.domain==""){
document.bgColor="#ffffcc";
document.write("<center><b><h2>",document.title,"</h2></b></center>");
document.write("ブログトップ：<a href='",URLs[1],"'>",URLs[1],"</a><br>");
document.write("プロフィール：<a href='",URLs[0],"'>",URLs[0],"</a><br><br>");
}else{
document.bgColor="#ccccff";
document.write(document.title,"<br>");
document.write("ブログトップ：<a href='",URLs[1],"'>",URLs[1],"</a><br>");
}
//]]>
</script>
<table border=1 align="center">
<tr>
<td style="width:300px; height:200px;" align="center">
<img src = "http://chart.apis.google.com/chart?cht=p3&chd=t:70,30&chs=250x100&chl=BlogTop|Profile" />
</td>
<td style="width:300px; height:200px;" align="center">
<img src = "http://chart.apis.google.com/chart?cht=bvs&chs=200x125&chd=t:10,50,60,80,40|50,60,100,40,20&chco=4d89f9,c6d9fd&chbh=20&chds=0,160&chf=bg,s,efef00" />
</td>
</tr>
<tr>
<td style="width:300px; height:200px;" align="center">
<img src = "http://chart.apis.google.com/chart?cht=lc&chs=200x100&chd=s:formostthisamazingdayfortheleapinggreenlformostthisamazingdayfortheleapinggreenl&chxt=x,y&chxl=0:|Apr|May|June|1:||50+Kb" />
</td>
<td style="width:300px; height:200px;" align="center">
<img src = "http://chart.apis.google.com/chart?cht=lc&chd=s:pqokeYONOMEBAKPOQVTXZdecaZcglprqxuux393ztpoonkeggjp&chco=676767&chls=4.0,3.0,0.0&chs=200x125&chxt=x,y&chxl=0:|1|2|3|4|5|1:|0|50|100&chf=c,lg,90,76A4FB,0.5,ffffff,0|bg,s,EFEFEF" />
</td>
</tr>
</table>
</body>
</html>
お読み頂きありがとうございます。
少しでもお役に立てたらクリックお願いします↓。
