Coding Architecture

コピーライト更新めんどくさいから、JSで自動更新を試してみた。

画像編

• JavaScriptをきった場合は、年数がはいっていない画像を表示する。
• 階層がかわっても表示されるように、JSのソースに書いているimg srcはルートパスにしている。（本当は、ローカルで確認できるように相対パスにしたいが・・・）

JavaScriptをきった場合は、下記を表示

2009年の場合、下記を表示

2010年の場合、下記を表示

■html
<p id="copyrightyear"><img src="common/img/copyright.gif" alt="Copyright &copy; Magic Happens" width="201" height="13" /></p>


■JS
function thisYear(){
		var day=new Date();
		var year=day.getFullYear();
		if(document.getElementById("copyrightyear")){
				document.getElementById("copyrightyear").innerHTML='<img src="'+'common/img/copyright'+year+'.gif" alt="Copyright &copy; '+year+' Magic Happens" width="201" height="13" />';
		}
}

function addEvent(){
			try {
			window.addEventListener('load', this.thisYear, false);
		} catch (e) {
			window.attachEvent('onload', this.thisYear);
		}
}

addEvent();

テキスト編

■html
<p id="copyright">Copyright &copy; <span id="copyrightyear">2009～</span> Magic Happens</p>


■JS
function thisYear(){
		var day=new Date();
		var year=day.getFullYear();
		if(document.getElementById("copyrightyear")){
				document.getElementById("copyrightyear").innerHTML=year;
		}
}

function addEvent(){
			try {
			window.addEventListener('load', this.thisYear, false);
		} catch (e) {
			window.attachEvent('onload', this.thisYear);
		}
}
addEvent();