問題タブ [unobtrusive-javascript]

多かれ少なかれ<button>タグのように機能するスパンタグを使用して、スタイル付きのボタンを作成したいと考えています。ボタンをすばやくクリックしても、その要素の内側または外側のテキストは選択されないか、テキストをまったく選択できず、ポインター カーソルも必要です。

jQuery で単純な<span>タグを.click()イベントに割り当てると正常に機能しますが、適切なボタンのようには機能しません。<a>代わりにタグを使用する#か、属性のjavascript:リンクを使用する以外に、これを達成する方法がわかりません。hrefしかし、それは邪魔にならない JavaScript の目的をほとんど無効にします。さらに、アンカー リンクには既に下線付きのテキストと、オーバーライドが必要な色があります。

全体として、目立たないスパン ボタンを実現するにはどうすればよいでしょうか? アンカーや実際のボタン入力タグに依存せずに。ありがとう。

次のように、divタグ内に単純なテキストがあります。

次に、このjavascriptを持っています

そして、これはすべて素晴らしいです。ただし、2 つの質問があります (1 つ目は私の主な問題です)。

1. div を「ここにあるもの」で更新する代わりに、フォーム要素、つまりフォームタグ、ラベル、テキストボックス、および変更を「送信」するボタンで更新するようにするにはどうすればよいですか。アイデアは、ユーザーがこのフィールドをページ上で編集できるようにすることです。

2. 実際にJSをどこに配置すればよいですか。私は現在、それをapplication.jsに持っていて、window.onLoadで関数を実行しています...それが唯一の方法ですか? そうでなければ、それは要素を見つけることができないので、そうではないと思います!

皆さんありがとう！

長いタイトルで申し訳ありませんが、私の懸念は ajax ベースのアプリケーションを構築することです。

私はこのアプリケーションのバージョン 1 を持っていますが、JavaScript を機能させる必要はありません。これを移行して、サード パーティの SOAP Web サービスからのさまざまなリソースに ajax を使用したいと考えています。

ブラウザに JavaScript がない場合、または無効にしている場合でも正しく機能する ajax アプリケーションを構築するにはどうすればよいですか? （サーバー側のコードはテスト済みで本番環境にあるため、これを適切に行う方法がわからないだけで、フォールバックするための強固な基盤があります。）

私はすべてのツール (クライアント側とサーバー側) に精通しており、jquery フレームワークを使用する予定ですが、ブラウザーで JavaScript が実行されていない部分と、アプリケーションが引き続き機能する方法についてはわかりません。

Javascript なしで動作するページから始めて、Javascript の奇抜さを追加し、最後に Ajax を少し追加したいと考えています。

これはすべてのものをきれいに保つようです。私はそれを使った最初の実験にとても満足していました. 次に、次の問題に遭遇しましたが、これには適切な解決策がありません。これらの 2 つのサンプル ページの場合:

欲しい機能

Ajax を使用して、/products/ページ上の製品の詳細の一部を動的に読み込みます (たとえば、サムネイルにカーソルを合わせたとき)。/details/<id>/より正確には、ページ上のの簡略化されたバージョンを取得して表示し/products/ます。

目立たない実装

写真をホバリングするときhrefに、対応するアンカーの属性に対して Ajax リクエストを行います。サーバーはページ全体で応答でき/details/<id>/、JQuery セレクターは興味深い部分だけを切り取ることができます。または、サーバーはリクエストが特別であることを認識し、興味深い部分だけを返すこともできます。これまでのところ、簡単できれいです。

問題

/details/<id>/ページは単なる HTML ではありません。見栄えを良くするために独自の Javascript も用意されていたので、その Javascript を/products/ページで再利用したいと考えています。/products/そのため、HTML をフェッチするだけでなく/details/<id>/、本格的なページに存在する Javascript の動作も複製したいと考えてい/details/<id>/ます。

私が考えることができる唯一の（悪い）解決策

ページをロードするときにブラウザーが行うことを複製する明示的なコードを記述し/details/<id>/ます<script>。これは、正しく理解するのが難しいと思われる多くの定型的なものです。結果は単純ではないので、明らかに書きたくありません。

また、目立たない Ajax に本当に固執している場合に非常に頻繁に発生する種類の問題であり、それに対するより洗練された解決策があるはずだとも感じています。

私は現在、大学のプロジェクトの ToDo リストに取り組んでおり、AJAX を使用したいと考えていますが、両方の方法で機能させたいと考えています (純粋な PHP と、JavaScript が利用可能な場合は AJAX も使用)。

私の PHP アプローチでは、埋め込まれた HTML コードを使用します ( など<td>$value</td>)。AJAX では、PHP ファイルから HTML を取り除き、印刷結果の部分を取り除いて、それを JavaScript (jQuery を使用) コードに追加するだけだと思いますが、それでは純粋なPHP アプローチが使用できなくなります。

私が見た AJAX の例では、データを処理する PHP ファイルはもはやスタンドアロンでは機能せず、AJAX 側がなければ人間に優しい結果を生成することはできません。私の質問は、AJAX と PHP のアプローチを組み合わせた実用的な例を知っていますか、それとも提供していただけますか?

私は英語のネイティブ スピーカーではないので、はっきりさせていただければ幸いです。説明が必要な場合は、お知らせください。

javascriptとajaxの初心者です。そして、ajaxを使用して、特定のディレクトリのコンテンツであるタグを設定したいと思います。

PHPと同じように、ajaxにそのようなopendir() fxnはありますか? ここからどこから始めますか?

この数か月間、私は ASP.NET MVC におけるこの新しい目立たない JavaScript アプローチに関する記事を複数読みました。ここでそれについて読むことができます。

基本的に、すべてを で始まる HTML 属性に入れますdata-...。前回確認したとき、HTML 仕様ではこのようなことは許可されていませんでした。(HTML 5 はまだ完全ではないので気にしません。)

私の質問は次のとおりです
。ASP.NET MVC アプリケーションでこの機能を使用すると、アプリケーションの HTML 出力が無効になりますよね? もしそうなら、それは何の役に立つでしょうか？

MVC がいくつかの JavaScript をあちらこちらに配置することは、私にはまったく気になりませんでした。しかし、HTML 出力が無効になると、かなり気になります。

フレーム全体で同じスクリプト ファイルを何度も使用する HTA (MSFT HTML アプリケーション) でアプリケーションを実行しています。これは所々で 9 に達し、キャッシュがすぐに期限切れになるように設定されたさまざまなサーバー内でアプリケーションがセットアップされているため、この泥のボールである種のパフォーマンスを切り出そうとしています。

トップフレームにメインスクリプトファイルをロードし、フレーム内で実行する「良い」方法はありますか?

- - ウインドウ上部 - -

--- サブフレーム ----

そして、これはウィンドウスコープによってどのように影響を受けますか(トップウィンドウスコープを維持するか、フレームウィンドウのスコープ内にありますか)

私は配列を持っていtempArray = ["Kathmandu","Pokhara","Dharan"]ます。「ポカラ」が tempArry にあることを確認するには、ループを使用して tempArray のすべての要素をチェックする必要があります。

Array.include?ループを使用する必要がないようにRuby を実装する方法はありますか?

私は構築中のサイトに対してかなり重い JavaScript インターフェイスを開発しています。(最近公式に作成された) jQuery テンプレート プラグインを使用して、クエリから JSON API への要素を生成することにしました。さて、私が現在抱えている問題は次のとおりです。

私はこれらのテンプレートをたくさん持っている傾向があります。オブジェクトの種類ごとに 1 つ、リスト用、ページのセクション用などがあります。これらのテンプレートを保存するための好ましい方法はありますか? <script>テンプレート名を使用してタグを定義しid、そこからテキストを取得する方法について読んだことがあります (John Resig が「 JavaScript Micro-Templating<script> 」で説明しているように) が、すべてのページにこれらのタグの束があると少し見えますハック。

問題は、この種のシナリオに「ベスト プラクティス」があるかどうかです。