「地域掲示板サンプル」の編集履歴（バックアップ）一覧はこちら

「地域掲示板サンプル」(2009/03/18 (水) 01:31:09) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#javascript(){{

<div id="container">
	<div id="head">
		<p>全部　最新50</p>
		<br>
		<h1>恵比寿周辺情報part1</h1>
	</div>
	<div id="main">
		<div>
			<h4>1　名前：<font color="#00ff00">あああ</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
			<span style="padding-left: 20px">
				代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
				<br><br>
			</span>
		</div>
		<div>
			<h4>2　名前：<font color="#00ff00">iii</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
			<span style="padding-left: 20px">
				代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
				<br><br>
			</span>
		</div>
		<div>
			<h4>3　名前：<font color="#00ff00">ううう</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
			<span style="padding-left: 20px">
				代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
				<br><br>
			</span>
		</div>
		<div id="addPos">
			<h4>4　名前：<font color="#00ff00">あああ</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
			<span style="padding-left: 20px">
				代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
				<br><br>
			</span>
		</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() { 
   var element = document.createElement('div');
   element.innerHTML = '<h4>5　名前：<font color="#00ff00">iii</font>　投稿日：2009/03/11(水) 17:19:46　場所：'+document.sendForm.textAddress.value+'</h4><span style="padding-left: 20px">ここのイタリアンおいしい。<br><br></span>'; 
   element.style.backgroundColor = 'red'; 
   var objBody = document.getElementById("addPos"); 
   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>


}}

#javascript(){{

<div id="container">
	<div id="head">
		<p>全部　最新50</p>
		<br>
		<h1>恵比寿周辺情報part1</h1>
	</div>
	<div id="main">
		<div>
			<h4>1　名前：<font color="#00ff00">あああ</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
			<span style="padding-left: 20px">
				代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
				<br><br>
			</span>
		</div>
		<div>
			<h4>2　名前：<font color="#00ff00">iii</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
			<span style="padding-left: 20px">
				代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
				<br><br>
			</span>
		</div>
		<div>
			<h4>3　名前：<font color="#00ff00">ううう</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
			<span style="padding-left: 20px">
				代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
				<br><br>
			</span>
		</div>
		<div id="addPos">
			<h4>4　名前：<font color="#00ff00">あああ</font>　投稿日：2009/03/11(水) 12:19:56　場所：</h4>
			<span style="padding-left: 20px">
				代官山町、猿楽町、鉢山町、桜丘町、南平台町、鴬谷町、青葉台の代官山エリアもどうぞ。
				<br><br>
			</span>
		</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() { 
   var element = document.createElement('div');
   element.innerHTML = '<h4>5　名前：<font color="#00ff00">iii</font>　投稿日：2009/03/11(水) 17:19:46　場所：'+document.sendForm.textAddress.value+'</h4><span style="padding-left: 20px">'+document.sendForm.textArea1.value+'<br><br></span>'; 
   element.style.backgroundColor = 'red'; 
   var objBody = document.getElementById("addPos"); 
   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>


}}