ページ上のサイトへの検索ボックスのリンクを作成するにはどうすればよいですか？

私は自分のウェブサイトの特定の目的地にリンクするだけでなく、 "？id = ..."を追加するだけの単純な検索ボックスを探しています。たとえば、検索ボックスに7654143と入力すると、それは.../playerにリンクされます。id = 7654143ページ上のサイトへの検索ボックスのリンクを作成するにはどうすればよいですか？

私はHTMLの部分をどのように行うかを知っていると信じていますが、私はこれが動作するために必要なと仮定したものですjavascriptに...

それに加えて、彼らは必要なガイドラインに合わないものを入力すると（番号は7654から始まり、長さは15文字でなければなりません正確に）検索ボックスの背景色が変化

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <title>Stats page</title> 
 
     <link href="css/style.css" type="text/css" rel="stylesheet"> 
 
     <link href="https://fonts.googleapis.com/css?family=Ubuntu:400,500" rel="stylesheet"> 
 
    </head> 
 
    <body class=body> 
 
     <div class="header"> 
 
      <a href=#>Leaderboards</a> 
 
      <a href=#>Server stats</a> 
 
      <a href=# class=active>Search</a> 
 
     </div> 
 
     <h1 class=title>Roleplay<span>Stats</span></h1> 
 
     <div class=search> 
 
      <input type="text" placeholder="Who are you looking for?"> 
 
     </div> 
 
    </body> 
 
</html>

で1秒間赤色点滅します

出典

2017-11-29 Ant Arni

これは何のためのフォームですか？ – charlietfl

あなたはあなたの関数を呼び出すためにonChangeを使いたいでしょう。この関数では、入力値にアクセスして検証を実行できます。また、色を変更するにはDOM操作が必要です。 – Zanko

フォームを使用している場合、JSは必要ありません.... – epascarello

私はこの質問のバックエンド部分に焦点を絞って、他の誰かが検証プロセスのためにピッチアップするかもしれません。フォームの "id ="部分については、私は個人的にPHPを使用します。あなたの入力がフォームに入っていることを確認し、GETメソッドを使って値がURLに入っていることを確認してください。（あなたのターゲットページがplayer.phpであると仮定しましょう。このルートに行く場合は.phpにする必要があります）

フォームのページ（入力の名前はurl：player.phpに入れられますか？名前の入力= ...）：「プレーヤー」ページで

<form method="get" action="player.php"> 
    <input type="text" name="id" placeholder="Who are you looking for?"> 
</form>

、あなたはどこPHPである、URL内の値を分離し、この値に対応する適切なプレーヤーを取得する必要があります便利です。プレイヤーのページ、コード内の上部に配置する必要がありますPHPのセクションで

：このコードで

<?php 
    $player = $_GET['id']; 
    //The "id" inside the brackets is actually the name of the input in your form 
?>

は、ユーザーが入力IDは、URLに移動しますあろう。 player.phpであると仮定しましょうplayer.php？id = 7654 ... PHPコードがIDを取得し、適切なコードを出力しますプレーヤー。

出典

2017-11-29 22:17:52

問題点私は、ページ全体（https://thecopperkings.co.uk/ant/stats/html/）をすでに作成しているので、私が指示したいリンクに対してphpを使用することは間違いありません。 player.html） - APIから情報を取得し、ここに表示します。たとえば、検索バーに「76561198062083666」と入力した場合は、（https://thecopperkings.co.uk/ant/stats/html/player.html?id=76561198062083666） –

にアクセスしてくださいあなたは単にplayer.phpにページの名前を変更することからですか？ Javascriptで同じことをするための他のもっと複雑な方法がありますが、私はそれらを使用していないので、私はあなたにそれを行う方法を示すのに十分なほど快適ではありません。私はあなたが私の方法を使用することを強いられているわけではありません、それは私の意見ではもっとも単純です。 –

ページ上のサイトへの検索ボックスのリンクを作成するにはどうすればよいですか？

答えて

関連する問題