カテゴリ: General
投稿者: msweb
動作ブラウザ 【 IE:-  NN:3.0】

ポイント
for(i=0; i<navigator.plugins.length; i++)
{
str2 = navigator.plugins[i].description;
ptr = str2.indexOf("Flash");
if (ptr >= 0) ver = eval(str2.substring(ptr+6,ptr+9));
}

説  明
プラグインの詳細情報はpluginsオブジェクト内に格納されておりdescriptionプロパティを参照することでバージョン等を取得することができます。Flashは詳細情報にプラグインのバージョンが記述されておりVer 4であれば「Shockwave Flash 4.0 r27」のようになっています。このバージョン部分をsubstringを使って抜き出します。

サンプル
<html>
<head>
<title>FLASHプラグインのバージョンを取得する</title>
<script Language="JavaScript"><!--
function checkFlashPlugin()
{
str = "application/x-shockwave-flash";
ver = 0;
if (navigator.mimeTypes && navigator.mimeTypes[str] && navigator.mimeTypes[str].enabledPlugin)
{
for(i=0; i<navigator.plugins.length; i++)
{
str2 = navigator.plugins[i].description;
ptr = str2.indexOf("Flash");
if (ptr >= 0) ver = eval(str2.substring(ptr+6,ptr+9));
}
}
return ver;
}
alert("FLASHプラグインのバージョン:"+checkFlashPlugin());
// --></script>
</head>
<body>
</body>
</html>

補足説明
なし
カテゴリ: General
投稿者: msweb
動作ブラウザ 【 IE:4.0  NN:3.0】

ポイント
if (!navigator.javaEnabled()) alert("JAVAは使用できません");

説  明
JAVAが使用可能かどうかは「navigator.javaEnabled()」により調べることができます。戻り値がtrueであれば使用可能、falseであれば使用不可であることを示します。

サンプル
<html>
<head>
<title>JAVAアプレットが使用できない場合警告する</title>
<script language="JavaScript"><!--
if (!navigator.javaEnabled()) alert("JAVAは使用できません");
// --></script>
</head>
<body>
</body>
</html>

補足説明
JAVAを動作させるかどうかは設定で変更できます。IE5.5ではツールメニューのインターネットオプションを選択しセキュリティタブのレベルのカスタマイズにより可能です。
カテゴリ: General
投稿者: msweb
動作ブラウザ 【 IE:-  NN:3.0】

ポイント
plugName = "application/x-shockwave-flash";
if (navigator.mimeTypes && navigator.mimeTypes[plugName] && navigator.mimeTypes[plugName].enabledPlugin ) return true;
if (!checkPlugin()) alert("Flashプラグインを入れて下さい");

説  明
プラグイン情報はnavigatorオブジェクトのmimeTypesに入っています。プラグインが存在する場合は「navigator.mimeTypes["プラグインのMIME Type"].enabledPlugin」がtrueになります。「navigator.mimeTypes &&」のようにしてオブジェクトの有無をチェックすることで、オブジェクトが存在しないブラウザでもエラーとならないようにします。サンプルではFlashプラグインが存在するかどうかをチェックしています。

サンプル
<html>
<head>
<title>各種プラグインが入っていない場合警告する</title>
<script Language="JavaScript"><!--
function checkPlugin()
{
str = "application/x-shockwave-flash";
if (navigator.mimeTypes && navigator.mimeTypes[str] && navigator.mimeTypes[str].enabledPlugin ) return true;
return false;
}
if (!checkPlugin()) alert("Flashプラグインを入れて下さい");
// --></script>
</head>
<body>
</body>
</html>

補足説明
各プラグインのMime Typeは以下の通りです。
Flash ....... application/x-shockwave-flash
PDF ......... application/pdf
QuickTime ... video/quicktime
SVG ......... image/svg-xml

1月16日水曜日: OS名を取得する

カテゴリ: General
投稿者: msweb
動作ブラウザ 【 IE:3.0  NN:2.0】

ポイント
str = navigator.userAgent.toUpperCase();
if (str.indexOf("MAC") >= 0) return "MacOS";
if (str.indexOf("WIN") >= 0) return "Windows";
if (str.indexOf("X11") >= 0) return "UNIX";
return "不明";

説  明
OS名はnavigatorオブジェクトのuserAgent内の文字列のカッコ内に記述されています。indexOfを使ってMac,Win,X11の文字が入っているかどうかを調べることでOS名を取得することができます。

サンプル
<html>
<head>
<title>OS名を取得する</title>
<script Language="JavaScript"><!--
// Macintosh  -> MacOS
// Windows95/98/NT/2000 -> Windows
// UNIX -> UNIX
function getOSType()
{
str = navigator.userAgent.toUpperCase();
if (str.indexOf("MAC") >= 0) return "MacOS";
if (str.indexOf("WIN") >= 0) return "Windows";
if (str.indexOf("X11") >= 0) return "UNIX";
return "不明";
}
// --></script>
<body>
<a href="javaScript:alert(getOSType())">OSチェック</a>
</body>
</html>

補足説明
なし
カテゴリ: General
投稿者: msweb
動作ブラウザ 【 IE:3.0  NN:2.0】

ポイント
aName = navigator.appName.toUpperCase();
appVer = navigator.appVersion;
if (aName.indexOf("NETSCAPE") >= 0)
{
s = appVer.indexOf(" ",0);
version = eval(appVer.substring(0,s));
if (version >= 5) version++;
}
if (aName.indexOf("MICROSOFT") >= 0)
{
appVer = navigator.userAgent;
s = appVer.indexOf("MSIE ",0) + 5;
e = appVer.indexOf(";",s);
version = eval(appVer.substring(s,e));
}

説  明
バージョンはnavigatorオブジェクトのappVersionに入っています。しかし正しいバージョンを返すのはNetscape 6以前のNetscape 4.xまでです。Netscape 6はバージョン5を返すため1加算して処理します。Explorerの場合はuserAgent内に記述されているためMSIEの文字を検索し、その後に続けて記述してある文字列を取り出してバージョンを取得します

サンプル
<html>
<head>
<title>ブラウザバージョンを取得する</title>
<script Language="JavaScript"><!--
function getBrowserVersion()
{
str = navigator.appName.toUpperCase();
version = 0;
appVer = navigator.appVersion;
if (str.indexOf("NETSCAPE") >= 0)
{
s = appVer.indexOf(" ",0);
version = eval(appVer.substring(0,s));
if (version >= 5) version++;
}
if (str.indexOf("MICROSOFT") >= 0)
{
appVer = navigator.userAgent;
s = appVer.indexOf("MSIE ",0) + 5;
e = appVer.indexOf(";",s);
version = eval(appVer.substring(s,e));
}
return version;
}
// --></script>
<body>
<a href="javaScript:alert(getBrowserVersion())">ブラウザバージョンチェック</a>
</body>
</html>

補足説明
なし

1月11日金曜日: ブラウザ名を取得する

カテゴリ: General
投稿者: msweb
動作ブラウザ 【 IE:3.0  NN:2.0】

ポイント
str = navigator.appName.toUpperCase();
str2 = navigator.userAgent.toUpperCase();
if (str2.indexOf("ICAB") >= 0) return "iCab";
if (str.indexOf("NETSCAPE") >= 0) return "Netscape";
if (str.indexOf("MICROSOFT") >= 0) return "Explorer";
return "不明";

説  明
ブラウザ名はnavigatorオブジェクトのappNameに記述されています。indexOfを使ってNetscape,Explorerの文字が入っているかどうかを調べることでブラウザ名を取得することができます。それ以外のブラウザの場合はuserAgent内に記述されているためuserAgent内の文字を調べます。

サンプル
<html>
<head>
<title>ブラウザ名を取得する</title>
<script Language="JavaScript"><!--
// Netscape Navigator -> Netscape
// Internet Explorer -> Explorer
// iCab -> iCab
function getBrowserName()
{
str = navigator.appName.toUpperCase();
str2 = navigator.userAgent.toUpperCase();
if (str2.indexOf("ICAB") >= 0) return "iCab";
if (str.indexOf("NETSCAPE") >= 0) return "Netscape";
if (str.indexOf("MICROSOFT") >= 0) return "Explorer";
return "不明";
}
// --></script>
<body>
<a href="javaScript:alert(getBrowserName())">ブラウザ名チェック</a>
</body>
</html>

カテゴリ: General
投稿者: msweb
動作ブラウザ 【 IE:3.0  NN:2.0】

ポイント
str = navigator.userAgent;
document.write(str);

説  明
ユーザーの環境(アクセスされたブラウザとOS等)の情報はnavigatorオブジェクトのuserAgentに入っています。多くのブラウザではNetscapeとの互換性のためMozillaの文字が入っており、実際のブラウザ名はカッコ内に記述されています。

サンプル
<html>
<head>
<title>使用しているブラウザや環境を表示する</title>
<script Language="JavaScript"><!--
str = navigator.userAgent;
document.write(str);
// --></script>
<body>
</body>
</html>

補足説明
navigator.userAgentで完全にブラウザを特定できるわけではありません。
カテゴリ: General
投稿者: msweb
動作ブラウザ 【 IE:3.0  NN:2.0】

ポイント
aName = navigator.appName.toUpperCase();
appVer = navigator.appVersion;
uAgent = navigator.userAgent.toUpperCase();

説  明
ブラウザ名やOS名、バージョンなどを判別するにはnavigatorオブジェクトのuserAgent、appName、appVersionを取得します。取得したuserAgentの文字列からブラウザとOS名を検索します。NN6のようにバージョン6でありながらバージョン5を返すものもあります。このため取得したバージョンと現実のバージョンが一致しないことになります。このためNN6の場合は取得したバージョンに1を加算します。

サンプル
<html>
<head>
<title>最初にブラウザの違いを細かく判別する</title>
<script Language="JavaScript"><!--
// Netscape Navigator -> Netscape
// Internet Explorer -> Explorer
function getBrowserName()
{
var aName = navigator.appName.toUpperCase();
var uName = navigator.userAgent.toUpperCase();
if (aName.indexOf("NETSCAPE") >= 0) return "Netscape";
if (aName.indexOf("MICROSOFT") >= 0) return "Explorer";
return "";
}
// ブラウザバージョン取得
function getBrowserVersion()
{
var browser = getBrowserName();
var version = 0;
var s = 0;
var e = 0;
var appVer = navigator.appVersion;
if (browser == "Netscape")
{
s = appVer.indexOf(" ",0);
version = eval(appVer.substring(0,s));
if (version >= 5) version++;
}
if (browser == "Explorer")
{
appVer = navigator.userAgent;
s = appVer.indexOf("MSIE ",0) + 5;
e = appVer.indexOf(";",s);
version = eval(appVer.substring(s,e));
}
return version;
}
// Macintosh  -> MacOS
// Windows95/98/NT/2000 -> Windows
// UNIX -> UNIX
function getOSType()
{
var RetCode = "";
var uAgent = navigator.userAgent.toUpperCase();
if (uAgent.indexOf("MAC") >= 0) RetCode = "MacOS";
if (uAgent.indexOf("WIN") >= 0) RetCode = "Windows";
if (uAgent.indexOf("X11") >= 0) RetCode = "UNIX";
return RetCode;
}
// --></script>
</head>
<body>
ブラウザ:
<script language="JavaScript"><!--
document.write(getBrowserName()," <b>",getBrowserVersion(),"</b>");
document.write(" [",getOSType()," ]");
// --></script>
</body>
</html>

補足説明
新しいブラウザやOSのバージョンアップにより期待通りに動作しない可能性もあります。新しいブラウザやOSが出たらuserAgentを調べて動作確認するようにする必要があります。別の方法としてSSI (Server Side Include)やCGIを使ってブラウザを判別する事も可能です。
カテゴリ: General
投稿者: msweb
動作ブラウザ 【 IE:3.0  NN:2.0】

ポイント
str = navigator.appName.toUpperCase();
if (str.indexOf("NETSCAPE") >= 0) alert("Netscape");
if (str.indexOf("EXPLORER") >= 0) alert("Explorer");

説  明
ブラウザ名は「navigator.appName」で取得できます。ただし、ブラウザによっては互換性のためNetscapeの文字列を返してしまうものもあります。このような場合はnavigator.userAgent内の文字列からブラウザを特定する必要があります。

サンプル
<html>
<head>
<title>最初にブラウザの違いを判別する</title>
<script Language="JavaScript"><!--
str = navigator.appName.toUpperCase();
if (str.indexOf("NETSCAPE") >= 0) alert("Netscape");
if (str.indexOf("EXPLORER") >= 0) alert("Explorer");
// --></script>
</head>
<body>
</body>
</html>

補足説明
navigator.userAgentで完全にブラウザを特定できるわけではありません。
カテゴリ: General
投稿者: msweb
動作ブラウザ 【 IE:3.0, Firefox:1.0, Safari:1.0 】

説  明
日付情報を配列に格納するには、配列を作成後にdateオブジェクトを生成し、必要な日付情報を配列に格納していきます。
JavaScriptではサマータイムはサポートされていないので、日付などから算出する必要があります。下記サンプルではサマータイムはfalseとしています。

サンプル
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>日付情報を配列に格納する</title>
</head>
<body>
<script type="text/javascript"><!--
function setDateToArray(){
var times = [];
var dateObj = new Date();
times[0] = dateObj.getSeconds();
times[1] = dateObj.getMinutes();
times[2] = dateObj.getHours();
times[3] = dateObj.getDate();
times[4] = dateObj.getMonth();
times[5] = dateObj.getFullYear() - 1900;
times[6] = dateObj.getDay();
times[7] = dateObj.getTime();
times[8] = false; // サマータイムはJavaScriptではノンサポート
return times;
}
d = setDateToArray();
for(var i=0; i<d.length; i++){
document.write("<b>"+i+"</b> : "+d[i]+"<br>");
}
// --></script>
</body>
</html>

以下のスポンサー・サイトもご覧下さい。

 腕時計 販売サイト mens-watch.biz
 msweb-watch.biz


 G-SHOCK専門販売サイト
 my-gshock.biz


 G-SHOCK、Baby-G専門通販サイト 運営ブログ
 my-gshock.biz

<   2008-07   >
  12345
6789101112
13141516171819
20212223242526
2728293031  
G-SHOCK 1万円(税込み)以上の商品
G-SHOCK 1万円(税込み)未満の商品
J.HARRISON
KANSAI-YAMAMOTO
R.KIKUCHI
SEIKOFIVE
T.Function
U.S.N.A
o.d.m
アジェンダ
アルブータス
アレサンドラオーラ
アンクラーク
ウェンガー
エルジン
エルメス
エンジェルストリート
エンジェルハート
オリエント
カシオ
カルバンクライン
ガルーチ
キースバリー
キスキス
クリスチャンボヌール
クロスフォー
グランドール
ケネスコール
コグ
コルム
サルバトーレマーラ
シチズン
シモンレジェ
シャルルホーゲル
ジェニファーロペス
ジョルジオ・ロッシ
スウォッチ
スカーゲン
スント
セイコー
セイコーインスツルメンツ
ゾンネ
タイメックス
タング
ダンクラーク
テクノス
テクノマリーン
ディーゼル
トミーヒルフィガー
トライアンフ
トレーサー
ドルチェ&ガッバーナ
ドルチェメディオ
ニクソン
ハミルトン
ハンヴィー
バガリー
ビクトリノックス
ピンキー・ウォルマン
ファルチ
フォッシル
ブラウン
ブルッキアーナ
ボーノ
ボスホス
ポールスミス
ポリス
マックレガー
ミシェルジョルダン
ムスク
モルガン
モントレス
ルミノックス
レガリス
ローラス
ロベルタスカルパ
ヴァベーネ
御祝いなどに(ラッピング)
自動時計巻き機械
腕時計ケース
腕時計バンド調整キット
腕時計工具20点セット