問題タブ [dom]

私は主にDOMスクリプトによって作成されたページを持っています。このスクリプトは、いくつかのWebカメラから画像のテーブル（通常のimg要素）を生成します（ペットの搭乗をしている友人を助け、私のHTML / DOMは少し錆びています）。

FF3またはChromeでは正常に機能しますが、IE7では機能しません。実際、テーブル全体はIEでは表示されません（ただし、本体の背景色が適用されます）。

IEのページを見ると、スクリプトエラーはなく、CSSは正常に適用されているように見え、DOMには、すべて生成されたテーブル内のすべてのセルと行が表示されているように見えます。

IE Developerツールバーを使用して、画像レポートを実行すると、画像も表示されます（画像がテーブルに表示されず、ページにレンダリングされたテーブルの証拠がない場合でも、セル内のテキストもレンダリングされません）

img要素を見て、トレーススタイル機能を使用すると、一度にimg要素がすべて表示されていることがわかりました：none、インラインスタイルと表示されていますが、これを行うコードやスタイルシートには何もありません。スタイルシートのすべてのテーブル要素に明示的なエントリを追加し始めたので、この問題は解消されたようです。

どこから始めれば？

スタイルシートを完全に削除しても効果はありません。

生成後のページのコードは次のとおりです（DOMツールバーからのフォーマットについてお詫びします-読みやすくするためにいくつかの改行を入れようとしました）：

どうやら、画像の幅と高さで挿入するDOMコードは、IEでは正しく機能していません。

テーブルを動的に構築するときのrequireTBODY要素に関する応答は、問題全体のように見えます。これは、DOMで画像の幅と高さを0に設定することさえあるようです。

jQueryを使用して、選択メニューでオプションが選択されているかどうかを確認し、そうでない場合はオプションの1つを選択済みとして割り当てます。

(select は、継承したばかりのアプリで PHP 関数の迷路を使用して生成されます。そのため、これらについて頭を悩ませている間、これを簡単に修正します :)

私はクロスブラウザの方法を探しています - IE には何かがあることを知っています (私はすでに何を忘れていました)、そして Mozilla でそれを行う方法は、私が見つけた focusNode のものと関係があるかもしれません。それはテキストの取得に関連しているようです選択。

jQuery または別の一般的な JS ライブラリを含むメソッドは、私には問題ありません。

ありがとう！

デモ用に Firefox 拡張機能を作成しています。拡張機能からドキュメント内の特定の JavaScript 関数を呼び出します。これを HTML ドキュメントに書きました (拡張機能内ではなく、Firefox によって読み込まれるページ)。

次に、拡張機能はいくつかのイベントでこれを実行します。

funcToBeCalledただし、定義されていないというエラーが発生します。

注: を呼び出すことで、ドキュメントの要素を取得できました。document.getElementById(id);

合計 16 個の画像を持つ 4 つの画像コンテナーを新しいペインに配置しようとしています。以下のjQueryは、私がそれを行うために思いついたものです。最初のペインは、4 つの画像で正しく表示されます。しかし、2 番目には 4 つの画像と 3 番目のペインがあります。3 番目のペインには 4 つの画像と 4 番目のペインがあります。なぜネスティングが発生しているのか正確にはわかりません。私のラッピングによってインデックスが変更されることはありません。それらに css ボーダーを追加したところ、正しくインデックスが作成されたようです。これについてどうすればいいですか？私が望むのは、あるペインに 1 ～ 4、別のペインに 5 ～ 8、9 ～ 12、および 13 ～ 16 を表示することです。各ペインの数値を変更できるように動的である必要があるため、HTML でそれを行うことはできません。

この問題のデモは、http: //beta.whipplehill.com/mygal/rotate.htmlで見ることができます。DOM を表示するために firebug を使用しています。

どんな助けでも素晴らしいでしょう！

jQuery コード

HTML (省略形) ですが、基本的には 16 回繰り返されます。

これが私の質問です。

古典的なASPがサーバー側のJavaScriptをサポートしていることを知っていれば、「サーバー側のHTML」を生成して、Response.write $(page).html()のようにクライアントに送信できるようになることは可能でしょうか?

もちろん、複雑な構造を解析して操作するのは簡単なので、jQuery を使用してそれを行うのは素晴らしいことです。

私がこれを行うのを妨げる唯一の問題は、古典的なaspが3つのオブジェクト（応答、サーバー、要求）しか公開せず、jQueryが常に使用するような「dom構築機能」を提供しないことです。空白のドキュメント オブジェクトを作成するにはどうすればよいでしょうか。

編集：パフォーマンスに関しては、それは間違いなく良い考えではないことに同意する必要があります。なぜそれが必要なのか説明しましょう。

私は実際に、さまざまな JSON フィードを HTML の複雑な、時にはネストされたレポートに変換しています。複雑なセットや長いレポートでも、クライアント側は非常にうまく機能します。

ただし、一部のクライアントは、EXCEL などのツールを使用して「フォーマット済み」レポートにアクセスしたいと考えています (javascript が不足している webquery を使用)。したがって、その特定のケースでは、jQuery の作業となる .html() コンテンツを response.write できる必要があります。

IFRAME の読み込みが完了したら、コールバックを実行する必要があります。IFRAME のコンテンツを制御できないため、そこからコールバックを起動できません。

この IFRAME はプログラムで作成され、そのデータをコールバックで変数として渡し、iframe を破棄する必要があります。

何か案は？

編集：

これが私が今持っているものです：

これは、iFrame が読み込まれる前にコールバックするため、コールバックにはデータが返されません。

Webサイトのページでiframeのコンテンツ（私の例ではHTMLページであり、ポップアップではありません）をスケーリングするにはどうすればよいですか？

たとえば、iframeに表示されるコンテンツを元のサイズの80％で表示したいとします。

1 列と約 10 行のテーブルがあります。最初の列には、行ヘッダーとしてテキストを含む行、「ヘッダー 1」、「ヘッダー 2」があります。2 番目の列には、ユーザーがデータを入力するためのフィールド (テキストボックスとチェックボックス) が含まれています。

上部に「新規追加... 」というラベルの付いたボタンを配置し、最初の列と同じフィールドを持つ 3 番目の列を作成します。ユーザーがもう一度クリックすると、フィールドを含む別の空白の列が作成されます (2 番目の列のように)。

これを達成するためにDOMを操作する効果的な方法を知っている人はいますか?

私は と を試してdivいTABLESますが、これを始めて 3 日目ですが、必要以上に難しく感じます。

window.open() で新しいウィンドウを開きました。window.open() 呼び出しからの参照を使用して、新しいウィンドウにコンテンツを書き込みます。myWindow.document.body.innerHTML = oldWindowDiv.innerHTML; を使用して、古いウィンドウから新しいウィンドウに HTML をコピーしようとしました。しかし、それはうまくいきません。何か案は？