こんにちは。
yu-kiです。
今回は学習したPHPを元にちょっとした検索ツールを作ってみましたので中身のコードと実際の動作を解説していきたいと思います。
使い方が間違っている部分もあるかと思いますのでそこは予めご了承ください。
まず、作成したツールはこちらです。
これなぜかCSSが反映されていませんので現在なぜ反映されないのか模索中です。
本当はこんな感じで出力されます。
内容ですが、まずHTMLから
<!DOCTYPE html>
<html lang = “ja”>
<head>
<meta charset=”utf-8″>
<title>カメラ一括検索ツール</title>
<link rel=”stylesheet” type=”text/css” href=”css/styles.css”>
</head>
<body>
<header class=”blue-bg”>
<div class=”containar”>
<h1>カメラ検索ツール</h1>
<p>
検索したい機種を入力してください。<br>
例：Canon D5000など
</p>
</div>
</header><section class=”sarchs”>
<div class=”sarch”>
<form method=”POST” enctype=”multipart/form-data” action=”tool05.php” target=”iframe”>
キーワード入力：<input type=”text” name=”keywords”><SELECT name=”engine”>
<OPTION value=”sofmap”>ソフマップ</OPTION>
<OPTION value=”zyanpara”>じゃんぱら</OPTION>
<OPTION value=”komehyo”>コメ兵</OPTION>
<OPTION value=”topcamera”>トップカメラ</OPTION>
<OPTION value=”mapcamera”>マップカメラ</OPTION>
<OPTION value=”kitamura”>キタムラ</OPTION>
<OPTION value=”hardoff”>ハードオフ</OPTION><input type=”submit” value=”検索”>
</form><iframe width=”1300″ height=”800″ name=”iframe”></iframe>
</div>
</section>
</body>
</html>
次はCSSです。
body {
font-size: 16px;
font-family: Verdana, sans-serif;
color: #333;
margin: 0;
}.container {
width: 820px;
margin: 0 auto;
padding: 60px 0;
}.blue-bg {
color: #ff4500;
background: url(img/bg.jpg);
background-size: cover;
}
そしてPHPです。
<?php
$key = urlencode($_POST[‘keywords’]);switch($_POST[‘engine’]) {
case “sofmap”: $url=”http://www.sofmap.com/search_result.aspx?product_type=USED&styp=p_bar&keyword=”;
break;
case “zyanpara”: $url=”http://www.janpara.co.jp/sale/search/result/?SSHPCODE=&OUTCLSCODE=&KEYWORDS=”;
break;
case “komehyo”: $url=”http://komehyo.jp/disp/CSfSearchEngineResult.jsp?category_no=00501&q=”;
break;
case “topcamera”: $url=”http://www.topcamera-store.jp/search/search.php?rd=1&search_name=”;
break;
case “mapcamera”: $url=”http://www.mapcamera.com/search?keyword=”;
break;
case “kitamura”: $url=”http://www.net-chuko.com/buy/list.do?kindName=&keyword=”;
break;
case “hardoff”: $url=”http://netmall.hardoff.co.jp/search/”;
break;
}
header(‘Location:’.$url.$key);
?>
以上が僕が書いたコードになります。
