WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:見ている人が、WinならWin画像、MacならMac画像を表示させることは、できるのでしょうか?

共有設定 [WriteDate : Tue Nov 28 14:55:28 2000]

見ている人が、WinならWin画像、MacならMac画像を表示させることは、できるのでしょうか?どなたか、わかる方教えて頂きたいのですが。よろしくお願いいたします。

Nobu3 [MAIL] [URL] [WriteDate : Tue Nov 28 15:03:46 2000]

userAgentを見て判断すればできると思います。

ところで、JavaScriptでやるんでしょうか?

共有設定 [WriteDate : Tue Nov 28 16:19:30 2000]

>userAgentを見て判断すればできると思います。
とは何でしょうか?仕事でWeb上で見るときに、WinならWin用の画像、MacならMac用の画像を表示できないか?と、言われまして「JavaScript」ならできるのでは?と思い書き込みさせていただきました。

 残念ながら、JavaScriptはできないのでサンプル等ありましたら、紹介してもらえないでしょうか?

カヅサツ [MAIL] [URL] [WriteDate : Tue Nov 28 16:24:35 2000]

Win用の画像、Mac用の画像とは、例えばどんなものですか?

共有設定 [WriteDate : Tue Nov 28 17:04:16 2000]

え〜、基本的にはWin用の画像も、Mac用の画像も「Photoshop」のJPEGの画像です。今までは「Acrobat」で制作していたのですが、「JavaScript」等で見ている人の環境にあわせて、画像を表示させることができたら良いのではと思っています。

ちゃいぱ [WriteDate : Tue Nov 28 17:07:31 2000]

userAgentは以下を参照して下さい。
http://www.parkcity.ne.jp/~chaichan/src/javasc10.htm
Macはよく知りませんが、Winなら以下で判断がつくと思います。

<HTML>
<BODY>
<SCRIPT>
wkUA = navigator.userAgent;
if(wkUA.indexOf("Win") != -1){
  alert("Win");
}
else{
  alert("Not Win");
}
</SCRIPT>
</BODY>
</HTML>

共有設定 [WriteDate : Tue Nov 28 17:16:40 2000]

Nobu3 さん、カヅサツさん 、ちゃいぱさん相談にのっていただきまして、有り難うございました。とりあえず勉強もしつつ、いろいろと試してみようと思います。

バギンズ [WriteDate : Tue Nov 28 17:19:42 2000]

userAgentは、Webブラウザから送られる情報なので絶対ではないですけど、IEとネスケならこんなのとかでいけそうです。

<script language="JavaScript">
<!--

var agtstr = navigator.userAgent;

if(agtstr.indexOf("Win")!=-1)
  document.write(' <img src="win.gif">');
else if(agtstr.indexOf("Mac")!=-1)
  document.write(' <img src="mac.jpg">');
else
  document.write(' <img src="other.jpg">');

//-->
</script>

バギンズ [WriteDate : Tue Nov 28 17:29:42 2000]

あ、Winだけwin.gifにしちゃった。(^_^;)
まぁ、画像のファイル名は御自由に変更してください。

共有設定 [WriteDate : Wed Nov 29 14:17:16 2000]

回答してくださってありがとうございます。試してみたのですが、上手く表示されませんでした。<BODY>と</BODY>の間に「Script」を入れたのですが、やり方が違っているのでしょうか?

ちゃいぱ [WriteDate : Wed Nov 29 17:06:18 2000]

ソースを公開してください。
200行以上在る時は URLでね!

共有設定 [WriteDate : Thu Nov 30 15:21:57 2000]

<html><title>サンプル画像</title>
<BODY>
<scriptlanguage="JavaScript"> 
<!-- 

varagtstr=navigator.userAgent; 

if(agtstr.indexOf("Win")!=-1) 
document.write(' <imgsrc="Win-Viewer.jpg">'); 
elseif(agtstr.indexOf("Mac")!=-1) 
document.write(' <imgsrc="Mac-Exif_Viewer.jpg">'); 
else 
document.write(' <imgsrc="other.jpg">'); 

//--> 
</script> 
</BODY>
</html>
こんな感じなのですが、どうなのでしょうか?よろしくお願いいたします。

バギンズ [WriteDate : Thu Nov 30 15:53:06 2000]

「」は半角スペースって事で判断しますが、
title要素の前後に<head>と</head>が無いぐらいで、それ以外は問題なさそうですね。

どういう風に、うまく表示されないですか?
1.スクリプトエラーが出る。
2.まったく何も表示されない。
3.「×」(IE)または「?」(ネスケ)が表示される。
4.Macだけ1〜3の症状が出る。
5.その他

もし2ならJavaScriptが有効になっていない可能性があります。
もし3なら画像のファイル名またはパス名が違う可能性があります。

共有設定 [WriteDate : Thu Nov 30 16:22:17 2000]

2番が、あてはまりました。サンプル画像というタイトル以外は、真っ白な画面しか出てきません。画像のファイル名は同じでしたので、「パス名」とやらが違うのでしょうか?「パス名」とは何でしょうか?質問ばかりして、すみません。

バギンズ [WriteDate : Thu Nov 30 17:05:16 2000]

いえ、2番ならJavaScriptが無効になっている可能性があります。
ブラウザの設定はJavaScriptが有効になっていますか?

共有設定 [WriteDate : Thu Nov 30 17:57:36 2000]

「Java オプション」の「Java を有効にする(Apple MRJ)」と、「Java 出力を記録」と、「Java 例外を記録」にチェックは入っていました。おそらくJavaScriptが有効になっていると思うのですが・・・

ちゃいぱ [WriteDate : Thu Nov 30 19:05:38 2000]

わたしは、「」が、においます。
変なコード(例えば漢字のスペースとか)が混在していませんか?

あと、「パス名」は、とりあえず、以下を参照して見て下さい。

http://www.parkcity.ne.jp/~chaichan/src/cgiABC.htm


じゃすみん [WriteDate : Thu Nov 30 21:53:05 2000]

メニューバーの[ツール]-[インターネットオプション]-[セキュリティ]にある
レベルのカスタマイズというボタンをクリックすると、
[セキュリティの設定]っていうウィンドウが出てくるから、
それの[スクリプト]-[アクティブ スクリプト]っていうのが、
JavaScriptの設定らしいよ。


バギンズ [WriteDate : Thu Nov 30 22:56:41 2000]

>共有設定さん
JavaとJavaScriptは別物です。
確認したマシンはMacの方ですか?
ブラウザはネスケでしょうか?

共有設定 [WriteDate : Fri Dec 1 15:17:46 2000]

ちゃいぱさん、じゃすみんさん、バギンズさん、回答して下さり、ありがとうございます。
>ちゃいぱさん
>変なコード(例えば漢字のスペースとか)
調べてみたいと思います。あと、パス名ですが全てでは無いにしても 「絶対パス」「相対パス」「仮想パス」などはわかりました。ありがとうございます。
>じゃすみんさん
[アクティブコンテンツ]というものを見てみたのですが、「スクリプトを有効にする」と「プラグインを有効にする」にはチェックが入っていまして、「スクリプト エラーの警告表示」と「Activexを有効にする」にはチェックが入っていませんでした。一応、スクリプトは有効になっていたみたいです。
>バギンズさん
JavaとJavaScriptは別物とは知りませんでした。確認したマシンはMacで、ブラウザはエクスプローラーの5.0です。ネットスケープやエクスプローラーなら大丈夫なのでしょうか?


バギンズ [WriteDate : Fri Dec 1 15:42:31 2000]

MacIE5ですか。
まぁ、いくら癖が強い(バグが多い?(^_^;))MacIEでも、この程度は大丈夫なはずなんですが...

ふじ [WriteDate : Fri Dec 1 16:57:35 2000]

# 同名の方がいらっしゃいますな……名前変えようかしら。
# 352番に回答している方の「ふじ」です。

私ゃクライアントサイドでごにょごにょするのは嫌い(^^; なので、
Apache で .htaccess + SSI が使える場合の別解を。

.htaccess に

BrowserMatch "Mac" os=_mac
BrowserMatch "Linux" os=_linux 
BrowserMatch "Win" os=_win

みたいに書くと、UserAgentにマッチする場合に環境変数 opt に値が
セットされます。で、SSIを使ってHTMLの方に、
<IMG src="image<!--#echo var="os"-->.jpg">
とか。
(この場合、image_mac.jpg, imaga_linux.jpg, image_win.jpg を用意しておく。)
もちろんCGIでもPHPでも可能でしょうけど。

ふじ [WriteDate : Fri Dec 1 17:02:45 2000]

失礼。
> 環境変数 opt に値が 
環境変数 os に値が
の間違いです。

バギンズ [WriteDate : Sat Dec 2 23:53:34 2000]

>共有設定さん
自宅で、Mac68Kエミュ、IE4、ミミカキエディットという環境で試したのですが、IE4で表示されたソースをカット&ペーストでミミカキエディットにコピーした時点で、半角スペースが変なコードに置き換わっていたらしく、JavaScriptエラーが出ました。

半角スペースと思われる部分を一旦削除し、再度挿入してあげたらうまくいきました。

共有設定 [WriteDate : Mon Dec 4 17:13:07 2000]

ふじさん、バギンズさん、回答ありがとうございます。
できました!成功しました。
>ふじさん 
>Apacheで.htaccess+SSI
私には、まだ高度すぎて良く分からないのですが、のちのち挑戦してみようと思います。ありがとうございました。
>バギンズさん
いろいろと、アドバイスしていただきまして、ありがとうございます。バギンズさんの言うとおりに半角スペースを一旦削除して、再度挿入をしましたら見事成功しました。Macではコードが、置き換わってしまうみたいです。

皆様回答どうもありがとうございました。 
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]