問題タブ [dynamic-css]

アプリケーションのルートの下に「images」フォルダー ディレクトリがあるとします。ASP.NET アプリの相対パスを使用して、.css ファイル内からこのディレクトリ内の画像を参照するにはどうすればよいですか。

例：

開発中は~/Images/Test.gifのパスが/MyApp/Images/Test.gifに解決される場合がありますが、本番環境では/Images/Test.gifに解決される場合があります(アプリケーションの仮想ディレクトリによって異なります)。 . 私は明らかに、環境間で .css ファイルを変更する必要がないようにしたいと考えています。

Page.ResolveClientUrl を使用して、レンダリング時に動的にコントロールの Style コレクションに URL を挿入できることを私は知っています。これは避けたいと思います。

ASP.NET ページに異なる ID を持つ <li> 要素がいくつかあります。

次のように JavaScript を使用してクラスを変更できます。

しかし、ASP.NET を使用して <li> 要素クラスを変更する方法はありますか? それは次のようなものかもしれません:

しかし、FindControl() は期待どおりに機能しません。助言がありますか？

前もって感謝します！

スタイルが定義されている場合

2 番目のスタイルから参照できますか?

または、javascript/jQuery 経由の方法はありますか?

- - 編集

問題を明確にするために、CSS には制御できない更新があるため、CSS を変更せずに、#x と #c に定義されているスタイルを .x と .c に適用しようとしています。

幅を使用しましたが、実際のスタイルは、フォント、境界線、およびその他のスタイル要素が指定された、より複雑なものになります。

複数のクラス名を指定すると、スタイルがクラスに適用されているときに機能するため、既存の応答を回答としてマークしますが、id に適用されているスタイルを取得し、それをクラス スタイルにも適用する必要があります...意味があります。

簡単な方法でhtmlページ全体でカーソルを「待機」に設定することは可能ですか? アイデアは、ajax 呼び出しが完了している間に何かが起こっていることをユーザーに示すことです。以下のコードは、私が試したものの簡略化されたバージョンを示しており、私が遭遇した問題も示しています。

1. 要素（#id1）にカーソルスタイルが設定されている場合、本体に設定されているものは無視されます（明らかに）
2. 一部の要素にはデフォルトのカーソル スタイル (a) があり、ホバー時に待機カーソルが表示されません。
3. body 要素はコンテンツに応じて特定の高さを持ち、ページが短い場合、カーソルはフッターの下に表示されません

テスト:

後で編集...
FirefoxとIEで次のように機能しました：

このソリューション (または機能) の問題は、div が重なっているためにクリックが妨げられることです (Kibbee に感謝します)。

後で後で編集...
Dorwardからのより簡単なソリューション：

その後

このソリューションでは、待機カーソルのみが表示されますが、クリックは許可されます。

StyleManager を使用して、Flex でオブジェクトのスタイルを設定するために CSS を適用できることを私は知っています:
http://livedocs.adobe.com/flex/3/html/help.html?content=styles_07.html

コンパイルされたCSS ファイル (SWF) を動的にロードすることもできます:
http://livedocs.adobe.com/flex/3/html/help.html?content=styles_10.html

ただし、Web GUI とサーバー側スクリプトを使用して CSS ファイルを動的に作成しています。CSS が変更された場合、スクリプトは CSS を SWF にコンパイルする必要もあります (これは実行可能なオプションではありません)。これを回避する方法はありますか？

設定

RSS フィードを描画してページに表示する Web サイトがあります。現在、各フィードを含む div でパーセンテージを使用しているため、複数のフィードが隣り合って表示されます。

ただし、隣り合っているのは 2 つだけで、ウィンドウのサイズが変更されると、画面に醜い空きスペースができることがあります。

欲望

私ができるようにしたいのですが、まだ方法を考え出していないのは、すべてのフィードをページに直線的に配置し、次のようにすることです。

• フィード自体が列に「バランス」される「事前構築済み」の複数列ビュー

これは私を次のように導きます：

• 列の数は、現在の画面の幅に応じて\

これは、ワード プロセッシング アプリケーションがコラム形式のレイアウトを処理する方法に似ています。

質問

なんらかの形の AJAXy の幸福を実装する必要があると思いますが、現在 Javascript についてはほとんど知りません。

CSS/HTML/PHPだけでこれを行う方法はありますか?

そうでない場合、これを解決するにはどうすればよいですか？

最終的解決：

( @warprと@joh6nnの回答に基づく)

静的ファイルではない CSS スタイルシートを FireFox 2 または 3 に取り込む方法はありますか?

以下は、CGI スクリプトによって動的に生成されたスタイルシートを取り込むために使用しているコードです。

/cgi-bin/Xebra?ShowIt&s=LH4X6I2l4fSYwf4pky4k&shw=795430-0&path=customer/DEMO/demo1.css

上記の CSS を取得する URL は、パラメーターではなく .css で終わっていることに注意してください。

ページが印刷のために送信される直前に DOM を操作できるようにしたいと考えています。Internet Explorer には、「onbeforeprint」と呼ばれるウィンドウ オブジェクトに関するイベントがありますが、これは独自のものであり、他のブラウザーではサポートされていません。javascript (可能であれば、特に jQuery) を介してこれを行うことは可能ですか?

あなたが尋ねる前に、変更が必要な要素にはグローバル スタイルシートで上書きできないインライン スタイルがあるため、印刷メディア スタイルシートを使用して変更を適用するのは簡単ではありません。印刷目的でこれらのインライン スタイルをオーバーライドする必要があります。必要に応じて既存の jQuery を変更することも可能ですが、それはより時間がかかり、リスクの高い変更になります。

乾杯、ザック

3 つのリンクボタンと 3 つの異なる div を持つスクロール div があります。ボタンがクリックされるとすぐに、アクティブなリンクボタンに CSS を適用する必要があります。私が使用するコードは次のとおりです。

ありがとうございます。それでは、お元気で、

クシ

CSS ファイルで PHP 変数を使用したいのですが、ファイルをロードするたびに Symfony スタック全体をロードしたくありません。Symfony で CSS ファイルを管理するためのベスト プラクティスやプラグインはありますか?