blog.nomadscafe.jp

少し前に、ぱどタウンの部屋ページにJSONで部屋の情報をいくつか埋め込んでみたに書いた通り部屋の情報をJavaScriptで参照できるようにしたのですが、追加でタウンのリスト(33タウン)も入れた。
prototype.jsも読み込んでいるので、ぱど厨なHackもエレガントに行えます。たぶん。

ためしにprototype.jsの勉強もかねて、自分でぱどタウンの中でよく見かけるショートカット集をつくってみた。

<div id="townselecter"></div>
<script>
var TownPageArray=[
	{'page':'townoffice/','name':'住民センター'},
	{'page':'helicopter/','name':'へリポート'},
	{'page':'shop/','name':'ショップ街'},
	{'page':'hiroba/','name':'コンテンツ広場'},
	{'page':'map.cgi','name':'MAP'}
];
var TownSelecter = Class.create();
TownSelecter.prototype={
	initialize: function(divid){
		this.divele=$(divid);
		this.t_select = document.createElement('select');
		for(var i=0;i<PadoTownArray.length;i++){
			var isselected=(RoomJObj.town == PadoTownArray[i].town) ? true : false;
			this.t_select.options[this.t_select.options.length]
				= new Option(PadoTownArray[i].town_name,PadoTownArray[i].town,false,isselected);
		}
		this.divele.appendChild(this.t_select);
		this.p_select = document.createElement('select');
		for(var i=0;i<TownPageArray.length;i++){
			this.p_select.options[this.p_select.options.length]
				= new Option(TownPageArray[i].name,TownPageArray[i].page,false,false);
		}
		this.divele.appendChild(this.p_select);
		this.g_button = document.createElement('input');
		this.g_button.type="button";
		this.g_button.value="GO!";
		this.divele.appendChild(this.g_button);
		Event.observe(this.g_button,'click',this.t_onclick.bindAsEventListener(this), false);
	},
	t_onclick:function () {
		var selected_town=$F(this.t_select);
		var selected_page=$F(this.p_select);
		top.document.location.href="http://"+ selected_town+".padotown.net/"+selected_page;
	}
};
new TownSelecter('townselecter');
</script>

PadoTownArrayはタウンのリスト、RoomJObjは部屋の情報
ずいぶんわかりやすくなっていいですね、prototype.js。
いままでのJavaScriptを全部書き直してみたくなる罠にはまりそうです。