2011-09-16 17 views
0

私は誰かが助けることができるのだろうか、私はデータベースから駆動されるウェブサイトを構築しているのだろうか。ユーザーが提出した情報で構成されます。ウェブサイトのフロントエンドからMYSQLデータベースの情報を編集する。

現在のところ、すべての情報はデータベースのレコードから取得され、PHPエコーを介して出力されていますが、私が望むのは、ウェブサイトのフロントエンドから間違っていると情報を編集できる機能を追加することです。

このアイコンをクリックすると、エコーテキストがテキストからテキストフィールドに変わり、データベースからエコーされているフィールドを更新することができるデータベースの情報の横に、何らかの形の編集アイコンが表示されています。

Imこのような機能の機能がどのように機能するかについては、デザイナーには限られた知識しかありません。

このようなことがどのように達成されるか教えてください。

多くのありがとう。

答えて

1

これらのデータビットのインプレイス編集を許可するには、何らかの種類のjavascript機能を構築する必要があります。 1つの可能な解決策は、jEditableのようなjQueryプラグインです。

その後、送信された情報を取得してデータベースを更新するPHPやRubyなどのサーバーサイドスクリプトを構築する必要があります。あなたがこれを行うことができます

+0

このタスクを実行するために採用する可能性があり、技術的に多くの多くの方法があります。それは厳密に「単純な」仕事ではないからです。基本的には、フロントエンドを好きなように動作させるのに十分なクライアント側のスクリプト(JavaScriptなど)と、PHPやRubyなどのサーバーサイドスクリプトを使用して、着信/発信データを適切に処理します。 – Benjam

0

このプロセスは、フロントエンドとバックエンドで同じです。パスワードで保護された編集可能なフォームを作成するのか、誰にとっても編集可能なのかどうかによって異なります。

0

一つの方法は、

  • は、テキスト入力
  • にあなたの情報をエコーされ、それらに境界線を削除し、
  • それが透明になり、CSSクラスを与えることが読み取り専用(そう、誰かがタブをcouldntの作成それはと)それを変更するに
  • 読み取り専用
  • ない通常
    テキストボックスにクラスを変更するJavaScriptのonclickイベントを追加DD Ajaxは最初のCSSクラス
に戻ってテキストボックスをオンにして行われた後のonchangeそれらが入力し終わったら、データベースに新しい
情報を保存するために、AJAXを使用したイベント、またはを押して
  • を入力するJavaScript

    EDITはまた、それを元に戻すonblurイベントを追加します。

    デフォルトの(テキスト)カーソルではなくポインタへのテキスト入力のカーソルを変更することもできます。

  • 関連する問題