問題タブ [dom]

DOM を更新する簡単な JavaScript の例を探しています。
助言がありますか？

ユーザーがiframe内の外部コンテンツを閲覧し、同じページからデータをすばやく入力できるようにする基本的なデータ入力アプリケーションを構築しました。データ変数の1つはURLです。理想的には、iframeの現在のURLをjavascriptを使用してテキストボックスにロードできるようにしたいと思います。私は今、これがセキュリティの問題のために起こらないだろうと気づきました。

サーバー側で何かしたことはありますか？または、ブラウザコントロールの.Netブラウザを知っている。最終的な目標は、ユーザーがiframeで表示しているページのURLを簡単に抽出できるようにすることです。必ずしもiframeである必要はなく、ブラウザーのブラウザーが理想的です。

ありがとう、アダム

複数の選択があります：

私が望むのは、最初の選択から「1つ」を選択し、そのオプションを2番目の選択から削除することです。次に、2 つ目から「2 つ」を選択した場合は、最初のものからその 1 つを削除します。

これが私が現在持っているJSです：

しかし、要素が再設定されると、オプションが変更されている選択で変更イベントが発生します。disabled削除したいオプションに属性を設定してみましたが、IE6ではうまくいきません。

クリエイティブ チームから HTML ページを受け取り、それらを使用して aspx ページを作成します。私が頻繁に直面する課題の 1 つは、吐き出す HTML を彼らの HTML と正確に一致させることです。<div>ほとんどの場合、自分のページとマスター ページの間の s のネストを台無しにしてしまいます。

この状況で役立つツール、つまり 2 つのページを比較して構造上の違いを出力するツールを知っている人はいますか? ID がクリエイティブから受け取ったものから変更されたり、テキストがlorem ipsumに置き換わったりするため、標準の diff ツールを使用できません。

Jquery には、次のような優れた言語構造があります。

ご想像のとおり、ドキュメントが読み込まれると、カスタム関数がすべての aタグの onClick イベントにバインドされます。

問題は、Prototype でこれと同じ種類の動作を実現するにはどうすればよいかということです。

私は現在、単一のグラフ (.png 画像) を表示するページを持つ Web アプリケーションに取り組んでいます。このページの別の部分には一連のリンクがあり、クリックするとページ全体がリロードされ、ページ中央のグラフを除いて以前とまったく同じように表示されます。

私がやりたいのは、ページ上のリンクがクリックされたときに、ページ上のチャートだけが変更されることです。ページのサイズは約 100 KB であり、これを表示するためだけにページ全体をリロードする必要がないため、これにより処理速度が大幅に向上します。

次のコードを使用して、これまでのところ機能するJavaScriptを介してこれを行ってきました

問題は、ユーザーがリンクをクリックしたときに、チャートが変更されるまでに数秒かかる場合があることです。これにより、クリックしても何も起こらなかった、またはシステムの応答が遅いとユーザーに思わせます。

私がしたいのは、画像の読み込み中の場所の代わりにスピナー/スロバー/ステータスインジケーターを表示することです。そのため、ユーザーがリンクをクリックすると、少なくともシステムが入力を受け取り、それについて何かを行っていることがわかります.

疑似タイムアウトを使用してスピナーを表示し、フリックして画像に戻るなど、いくつかの提案を試しました。

私が持っていた良い提案は、次を使用することです

スピナーが表示されているチャートよりもかなり小さいことを除いて、これは理想的です。

他のアイデアはありますか？

私には2つの要素があります：

bをクリックすると、aにアクセスしてそのデータの一部を操作したいと思います。Aにはグローバルに一意の名前がないため、document.getElementsByName外に出ています。event.target.parentNodeイベントオブジェクトを調べてみると、のような機能があると思いgetElementsByNameましたが、<td>の場合はそうではないようです。これを行う簡単な方法はありますか？

私は現在、実行中に最終的に DOM の各ノードをトラバースする JavaScript ツールに取り組んでいます。これは非常にコストのかかる作業になる可能性があるため、このスクリプトのパフォーマンスをベンチマークしたいと思います。

このようなスクリプトを主要なブラウザでベンチマークするのに最適な無料ツールは何ですか? 理想的には、ツール (またはツールのセット) が必要です。

• **テストの結果に基づいてなんらかの形式のレポートを生成するため。** 実行時間を示す表のように単純なものから、何らかの形式のグラフを生成するような複雑なものまであります。どちらでも構いません。
• **無料であること** ソフトウェアにお金を払うことを信じていないわけではありません。単に、日常業務でこのようなツールをあまり必要としないというだけです。

可能であれば、このツールでさまざまなレベルの複雑なページを生成して、一連の DOM のストレス テストを行えるようにしたいと考えています。これは必須ではありません。必要な場合は、自分で作成できます。ただし、最初にコミュニティを調査して、何かが既に存在するかどうかを確認すると思います。

私はこれを行うための良い方法を理解できないようですが、それは単純なはずです。やりたい要素がありappend a divます。次に、クローンを作成してその中間divに押し込みたい別の要素があります。これが私がやりたかったことです：

これは近いようですが、完全にはありません。これに伴う問題は、「追加」が元の#somediv > ulセレクターで動作しているように見えることです。この種のことは理にかなっていますが、それは私が望んでいたことではありません。で追加した中間divを最も効率的に選択し、afterそれに入れるにはどうすればよい#someotherdivですか？

私はすでにこの記事を見つけました：

http://www.dotnetcurry.com/ShowArticle.aspx?ID=181&AspxAutoDetectCookieSupport=1

しかし、私は別の状況にあります。マスター ページ内にいくつかの hiddenFields を埋め込み、dragPanel の位置をそれらに格納しようとしています。

javascript を使用して dragPanel の位置を保存しています。ユーザーがリンクをクリックすると、新しいページが読み込まれますが、dragPanel は開始位置にリセットされます。

これを行う簡単な方法はありますか？

擬似コード:

ただし、リダイレクトされたページfoo.aspx にはHiddenFieldは表示されません。