人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

XMLをXSLでHTMLoutputするときに、ブラウザ別のCSSを外部jsファイルで振り分けたいのですが、NN7で見ようとすると読み込みのままずっと止まってしまいます。

最初はパスの間違いかと思ったのですが、alertなどでパスが間違っていないことは確認しました。

XMLでブラウザ別CSSを割り当てる方法についてのページを教えてください

●質問者: buriki8
●カテゴリ:ウェブ制作
✍キーワード:CSS js XML XSL パス
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● tobitiyo
●28ポイント

http://east.portland.ne.jp/~sigekazu/css/boxm.htm

注意点,ブラウザ振り分け

jsで振り分ける必要はあるんですか?

cgiっていう形もありだと思います。

で、私の場合はCSSで振り分けです。

◎質問者からの返答

CSSの振り分けは、1つのCSSファイルのなかでブラウザを判定して振り分けることが出来るのでしょうか?


2 ● vez
●28ポイント

http://allabout.co.jp/career/javascript/closeup/CU20030603/

.js外部ファイル編 [4] CSSファイル分岐も楽をする - [JavaScript]All About

JavaScript で読み込むcssファイルを振り分けたいなら、

こちらのURLはどうでしょうか?

◎質問者からの返答

ありがとうございます。

このサイトをみて作成したのですがまだわかりません。


3 ● amanoftaste
●27ポイント

http://www.microsoft.com/japan/msdn/columns/corner/corner0127200...

ご指定のページが見つかりません

少し違うかもしれませんが、下記URLの内容はどうでしょう。

HTMLファイル等にXMLとXSLを取り込ませるのです。

あとは、そのブラウザ別のCSSを振り分ける外部jsファイルを利用すれば良いと思います。

◎質問者からの返答

ありがとうございます。DOMはNNでも使えるものなのでしょうか?


4 ● vez
●27ポイント

http://www.cybergarden.net/webcss/technique.html#junction

Error 404: File not found | CYBER@GARDEN

ブラウザごとのCSSの実装の違いを利用するとCSSの適用を制御することが出来ますが、

JavaScript で途中まで組んでいるものがあるようなので、

読み込むCSSを振り分けるソースをそのまま載せてしまいます。

<link>を利用して外部cssを読み込む際にブラウザに合わせたCSSファイルを読み込むスクリプトです。

HTML用なので、XHTMLでページを記述しているようなら<link>の閉じタグを修正してください。

//。。Macintosh 。。-> MacOS

//。。Windows95/98/NT/2000 ->。。Windows

//。。UNIX ->。。UNIX

function getOSType()

{

var uAgent = navigator.userAgent.toUpperCase();

if (uAgent.indexOf(”MAC”) >= 0) return ”MacOS”;

if (uAgent.indexOf(”WIN”) >= 0) return ”Windows”; return ””;

}

//。。Netscape Navigator -> Netscape

//。。Internet Explorer ->。。Explorer

function getBrowserName()

{

var aName = navigator.appName.toUpperCase();

if (aName.indexOf(”NETSCAPE”) >= 0) return ”Netscape”;

if (aName.indexOf(”MICROSOFT”) >= 0) return ”Explorer”;

return ””;

}

os = getOSType();

browser = getBrowserName();

if (os == ”MacOS”) fileName = ”mac”;

if (os == ”Windows”) fileName = ”win”;

if (browser == ”Netscape”) fileName += ”nn.css”;

if (browser == ”Explorer”) fileName += ”ie.css”;

document.write(”<link rel=’stylesheet’ href=’” + fileName + ”’ type=’text/css’>”);

◎質問者からの返答

ありがとうございます。

丁寧なスクリプトありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ