Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
44 lines (44 sloc) 1.48 KB
<?php
//パラメータをテキストボックスに再現する準備
$paramq = '';
if (isset($_GET['q']))
$paramq = htmlspecialchars($_GET['q'], ENT_QUOTES, 'UTF-8');
?>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
html, body { height: 100%; }
td { font-size: smaller; }
</style>
<script src="http://maps.google.com/maps/api/js"></script>
<!-- jQueryの読み込み(書籍の記法は最新のjQueryに対応しません。) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script src="addressmaps.js"></script>
<script>
$(document).ready(function() {
$("#q").keyup(function() {
console.log("here");
var url = "zips.php?q=" + $("#q").val();
$("#result").load(url, function() {
var address = $(".address:first").text();
drawMap(address); // 地図を生成する
});
});
var address = $(".address:first").text();
drawMap(address); // 地図を生成する
});
</script>
<title>リアルタイム郵便番号検索</title>
</head>
<body>
<form action="" method="get">
<p>
<input id="q" type="text" name="q" value='<?php echo $paramq; ?>'/>
<input type="submit" value="search" />
</p>
</form>
<div id="map_canvas" style="float: right; width: 50%; height: 90%;"></div>
<div id="result"><?php require('zips.php'); ?></div>
</body>
</html>