クライアント側とサーバー側
Javascript: これは、ユーザーのブラウザーにあります。したがって、ユーザーのブラウザーで移動したいことはすべて JavaScript で行われます。これは「クライアント側」です
PHP: このサイトはサーバー上にあるため、ユーザーのブラウザーから入力を受け取り、応答を返します (通常は HTML ですが、Javascript によって読み取られる JSON または XML の場合もあります)。これが「サーバーサイド」です。
ライブラリ
jQuery: これは Javascript を簡単にするために書かれた一連の関数です。したがって、ユーザーのブラウザーで実行され、画面上を移動するビットを簡単に記述できるようになります。
PHP (一般に「フレームワーク」と呼ばれる) を作成するのに役立つ同様のライブラリを入手できます。また、JavaScript 用のライブラリも他に多数あります。
どこから始めれば
- 見たいように HTML ページを記述します。初めてシンプルにしてください。
- 次に、メニューを移動するための JavaScript を (おそらく jQuery を使用して) 記述します。Google の「jquery メニュー ドロップダウン」などを検索すると、カスタマイズできるソリューションが見つかります。
- 次に、'1' で書いた HTML を与える PHP を書きます。
- 次に、HTML 内のリンクをクリックしたときに何が起こるかを決定し、プロセスを繰り返します (HTML を記述し、Javascript を組み込んで動かし、PHP を記述して HTML を与える)。
- 次に、HTML のどのビットが一般的または構造化されていて、データベースから取得する必要があるかを調べます。
あなたのためにそれを書くことなく (その場合、あなたは決して学ぶことはありません)、一度に少しずつ始めて、あなたの知識が成長するにつれて構築するのが最善です. 特定の問題を解決する必要がある場合は、ウェブ上の例をバケツで読み込みます。
コメントの後、「[方法] 仕様が追加されるたびにフォーム全体を保存せずに、(別のテーブルから) 単一/複数の仕様を選択して追加できるようにする」:
AJAX で成長する
あなたが求めているのはAJAXです。これは、Javascriptがサーバーと通信する場所であり、JavaScriptが結果に基づいてページ上のビットを移動する場所です。jQuery はおそらく最も簡単です (おそらくajax の最高のドキュメント/例、およびDOM の移動があります)。
基本的に:JavaScriptでトラップする「イベント」があります。例
/// Using jQuery to trap a button click
$().ready( function() {
$("#ButtonID").click( function(e) {
e.preventDefault();
alert('Button Clicked');
});
});
次に、そのイベント内に AJAX 呼び出しを組み込みます (構文が簡単なので、getまたはpostもチェックしてください。制御が少なくなります)。AJAX は PHP サーバーにリクエストを送信し、PHP に HTML を返すようにさせることができます。HTML は、以下にリンクされている DOM 操作関数 (例: before、html など) を使用して置換/挿入できます。 JSON は、必要なアクションを規定するために JavaScript でより簡単に操作できるデータ構造です。
上記のように、実際に作成するのではなく、ドキュメントを読んで試してみることをお勧めします。Google の「jquery AJAX PHP テーブルの例」などを参照すると、どこかに例が見つかります。