問題タブ [edit-in-place]

私は現在、MooTools 用の編集スクリプトを書いていますが、JavaScript を使用せずに一部の機能を維持しながら適切に機能を低下させるにはどうすればよいか、少し困惑しています。プログレッシブエンハンスメントを何らかの方法で使用したいと思います。私はコードを探しているわけではありませんが、状況にどのようにアプローチするかについての概念です。適切に劣化するインプレース編集スクリプトのアイデアや知っている場合は、共有してください。

実際のデータベース更新を行うスクリプトにデータを投稿する必要があるEdit in Place jquery プラグインを使用しています。

この更新スクリプトへの URL は、HTML ソースと Firebug で簡単に表示できるため、更新が処理される前に何らかの認証チェックを追加する必要があります。これはもちろん、ユーザーが必要な古いユーザー ID / フィールド / 値を渡して、他の人のレコードをいじることができないようにするためです。

最初はユーザー名とパスワードも渡していましたが、これは GET リクエストにあるため理想的ではなく、すべて URL に含まれています。サイト自体は少なくとも SSL ですが、ベスト プラクティスとは言えません。

この種の更新を認証する最善の方法は何ですか?

FWIW、更新スクリプトは PHP にあり、Edit in Place プラグインはjeditableです。

編集：明確にするために：実際のデータペイロードはスクリプトにPOSTされますが、その場で編集するプラグインには認証のための明示的な方法がないため、URLの一部として認証を更新スクリプトに渡し、更新スクリプトはそれらの変数を取得していましたGET を介して、それらを使用して確認します。

編集 2:はい、更新スクリプトからセッション情報にアクセスできるので、以前に保存したユーザー ID を取得し、それを db update ステートメントで使用することにしました。それが最も安全な方法と思われます。

私は、顧客が html で定義済みのレイアウト テンプレートを選択し、それを変更できるようにする小さな Web アプリケーションを作成する必要がありました。アプリケーションは、顧客が事前に定義された領域と画像にブロック テキストを追加できるようにする必要があります。ブロック テキストは、顧客のニーズに基づいて並べ替えることができる必要があります。例えば。上に移動、下に移動、またはサイドバーに移動します。電子メール プログラムは div と css を好まないため、完全なレイアウトをテーブル レイアウトとインライン css に変換できます。これを実現するための情報をどこで探すべきかわかりません。誰かがこれを行う方法を教えてくれますか?

ありがとうございました

私の質問がはっきりしないでください。<p>ノードをに動的に置き換えるという意味ではありません<textarea>。私は、すべてのテキストを直接編集することを意味します-ヘッダー、テキスト、およびはい編集テーブルを含み<div>ます<span>。私はこれが IE で可能であることを知っており、IE で機能する編集可能と元に戻すスクリプトを持っていますが、Firefox では機能しません。FFで動作させる方法はありますか？

PS IE のスクリプトは、2001 年に Danny Goodman が執筆した JavaScript Bible Gold Editionから入手しました。

インプレースエディタを問題なくセットアップでき、すべてがうまく機能しますが、フィールドにアタッチされた後、それを削除する方法が見つかりませんでした。

私はここでこのプラグインについて話している：http ：//www.davehauenstein.com/code/jquery-edit-in-place/

現在、インプレース編集機能にJeditableを使用しています。Jeditable にはいくつかの優れたオプションがありますが、(私の知る限り)、問題の要素をクリックする以外に編集をトリガーすることはできません。

つまり、私の要素に id があるとしますcomment。Jeditable では、編集を開始する唯一の方法は をクリックすることcommentです。私が望むのは、クリックすると編集可能なテキスト フィールドcommentに変わる (そして [保存] ボタンや [キャンセル] ボタンなどを設定する) 横に小さなテキスト (たとえば、「クリックしてコメントを編集します」) を配置することです。comment

エディットインプレースプラグインを使用しています：http：//arashkarimzadeh.com/jquery/7-editable-jquery-plugin.html

私はうまくいきません！新しいテキストが空かどうかを確認するために何かが必要です。その場合は、戻ってエラーアラートを表示する必要があります。

コード：

誰か助けてくれませんか！：-/

私はこのプラグインを試してきましたhttp://valums.com/edit-in-place/、これまでのところとても良いです...しかし、私はこの問題に遭遇しました。データを保存するための更新または新しい要求が送信されたときにページを更新したいのですが、この機能を更新すると (その場で編集)、2 番目、3 番目、4 番目などのボタンのセットが追加されます。すべての要素ではなく、返されたデータだけで更新されることをどのように伝えることができますか? jquerysの各機能で何かをしなければならないという考えはありますが、jqueryは初めてなのでよくわかりません。助けてくれてありがとう！

私はjQueryが初めてで、クリックしてテキストを入力し、保存してすぐに別のdivをその下に動的にポップアップさせることができるdivを作成および編集できるかどうかを知りたいです。入力して保存するのと同じ機能など。誰かに何かアイデアがあれば、それは大歓迎です。