<!doctype html>
<html lang="ja">
<head>
<title>検索</title>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="client/style.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link type="text/css" href="http://homepage2.nifty.com/lightbox/jquery/jqcss/black-tie/jquery-ui-1.10.1.custom.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<style>
body {
margin: 0px;
padding:10px 30px 30px 30px;
}
.entry {
width: 600px;
border-top: solid 1px #000000;
padding: 5px;
font-size:16px;
font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS Pゴシック", sans-serif;
}
.search {
width:540px;
}
td {
vertical-align: top;
padding: 4px;
}
pre {
white-space: pre;
white-space: pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
white-space: -hp-pre-wrap;
word-wrap: break-word;
}
</style>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">結果の JSON =></a></li>
<li><a href="#tabs-2">JSON Decode</a></li>
<li><a href="#tabs-3">生 JSON</a></li>
<li><a href="#tabs-4">URL 抽出</a></li>
</ul>
<!-- ******************************************* -->
<div id="tabs-1">
<form method="post">
<input class="search" type="text" name="text" value="<?= $_POST['text'] ?>">
<br>
<input type="submit" value="送信">
</form>
<br>
<?= $search_result ?>
</div>
<!-- ******************************************* -->
<div id="tabs-2">
<iframe
src="json.php"
id="result"
name="result"
frameborder="1"
scrolling="yes"
style='width:1000px;height:450px;'
></iframe>
</div>
<!-- ******************************************* -->
<div id="tabs-3">
<iframe
src="json.txt"
id="result"
name="result"
frameborder="1"
scrolling="yes"
style='width:1000px;height:450px;'
></iframe>
</div>
<!-- ******************************************* -->
<div id="tabs-4">
<?= $regex_result ?>
</div>
</div>
<hr>
<?php debug_session(); ?>
</body>
</html>