「地域掲示板サンプル」の編集履歴（バックアップ）一覧に戻る

地域掲示板サンプル - (2009/03/18 (水) 01:11:23) のソース

#javascript(){{

<div id="container">
	<div id="head">
		<p>全部　最新50</p>
		<br>
		<h1>恵比寿周辺情報part1</h1>
	</div>
	<div id="main">
		<h4>1　名前：<font color="#00ff00">あああ</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
		<div style="padding-left: 20px">
			代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
			<br><br>
		</div>
		<h4>2　名前：<font color="#00ff00">いいい</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
		<div style="padding-left: 20px">
			代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
			<br><br>
		</div>
		<h4>3　名前：<font color="#00ff00">うううううう</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
		<div style="padding-left: 20px">
			代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
			<br><br>
		</div>
		<h4>4　名前：<font color="#00ff00">abc</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
		<div style="padding-left: 20px">
			代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
			<br><br>
		</div>

	</div>
	<hr>
	<div id="foot">
		<h3>新規書き込み</h3>
		<form name="sendForm">
			<table>
				<tr>
					<td>
						<textarea name="TextArea1" cols="30" rows="14"></textarea>
						<br>
						
						<input type="button" name="buttonSend" value="送信" onclick="addElement()">
					</td>
					<td>
						<input type="text" name="textAddress">
						<br>
						<div id="map" style="width: 300px; height: 300px"></div>
					</td>
				</tr>
			</table>
		</form>
	</div>
</div>

<script type="text/javascript">
function addElement() { 
   //confirm("efgerg");
   var element = document.createElement('div');
   element.innerHTML = "hogehoge"; 
   element.style.backgroundColor = 'red'; 
   var objBody = document.getElementById("main"); 
   objBody.appendChild(element); 
} 
</script>



<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAw62LLLwUBfCvRmpv4A8KPRTYJJl6pItf8vw94ytre0jomSIClRQ7PJhQn_8uLpP85T0vOijRGsW5Cw" type="text/javascript" charset="utf-8">
</script>

<script type="text/javascript">
//<![CDATA[

   var map = new GMap2(document.getElementById("map"));
   map.addControl(new GSmallMapControl());
   map.setCenter(new GLatLng(43.064615, 141.346807), 13);

   var geocoder = new GClientGeocoder();

   GEvent.addListener(map, 'click', function(overlay, point) {
      geocoder.getLocations(point, function(addresses) {
         if (addresses.Status.code != 200) {
            //エラー処理
              alert(address + " not found");
         } else {
            if (addresses.Placemark[0]) {
                  if (addresses.Placemark[0].address) {
                     document.sendForm.textAddress.value = addresses.Placemark[0].address;
                  }
            }
         }
      });
   });
	
//]]>
</script>


}}