2009年02月23日

できれば避けて通りたいけれど・・・そうもいかない

もちろん、「IE 以外は知らない」というちょいとわがままな選択肢もありますが、
少なくとも、Firefox だけは無視できないステキなブラウザです。
WEB でコンテンツ作るのであれば、Firefox だけは認識しておく
必要があります。

で、そうしておけばたいていの他のブラウザで応用ききますし
( 厳密にやろうとすると確実にメゲますけど ) 


<SCRIPT type="text/javascript">

	var userAgent = window.navigator.userAgent.toLowerCase();
	var appVersion = window.navigator.appVersion.toLowerCase();

	if (userAgent.indexOf("msie") > -1) {
		if (appVersion.indexOf("msie 6.0") > -1) {
			alert("IE6");
		}
		else if (appVersion.indexOf("msie 7.0") > -1) {
			alert("IE7");
		}
		else if (appVersion.indexOf("msie 8.0") > -1) {
			alert("IE8");
		}
		else {
			alert("Unknown");
		}
	}
	else if (userAgent.indexOf("firefox") > -1) {
		alert("Firefox");
	}
	else if (userAgent.indexOf("opera") > -1) {
		alert("Opera");
	}
	else if (userAgent.indexOf("chrome") > -1) {
		alert("Google Chrome");
	}
	else if (userAgent.indexOf("safari") > -1) {
		alert("Safari");
	}
	else {
		alert("Unknown");
	}

</SCRIPT>

実際問題このコードはよく使います。いやというほど。
ちなみに以下は、イントラネット用で、IE と それ以外で判断している記述 

<SCRIPT type="text/javascript">

	if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
		// IE 用
	}
	else {
		// IE 以外用
	}

</SCRIPT>

たしか、ASP.NET が自動的に吐いたコードがこんなんだった記憶があります。


 

posted by night wálker at 18:40| クロスブラウジング

2009年05月24日

テキストエリアの右端で折り返さない

どうも、Firefox がスクリプトで変更すると言う事を聞かないので、
innerHTML で総替えです。
<script type="text/javascript">
function change_wraptype(obj) {

	var svdata;

	if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
		if(obj.checked){
			document.getElementById("text_unit").wrap = "off";
		}
		else{
			document.getElementById("text_unit").wrap = "soft";
		}
	}
	else {
		svdata = document.getElementById("text_unit").value;

		if(obj.checked){
			str = str="<textarea id=\"text_unit\" cols=80 rows=20 wrap=\"off\"></textarea>";
		}
		else{
			str = str="<textarea id=\"text_unit\" cols=80 rows=20 wrap=\"soft\"></textarea>";
		}
		document.getElementById("control_unit").innerHTML = str;
		document.getElementById("text_unit").value = svdata;
	}
}
</script>

折り返さない <input
	type="checkbox"
	onClick='change_wraptype(this)'
>
<div id=control_unit>
<script type="text/javascript">
document.write("<textarea id=\"text_unit\" cols=80 rows=20 wrap=\"soft\"></textarea>");
</script>
</div>

折り返さない
posted by night wálker at 17:56| クロスブラウジング
JavaScript ベーシック
SyntaxHighlighter
クロスブラウジング
その他
Highslide JS
思いの他綺麗に撮れた花
ブログを彩るには、JavaScript が必ず必要です。
特に、Google の存在は大きく、Google MAP をはじめとする
いろいろな先進の技術を簡単に利用できます。
結構知られていないものもあり、少し JavaScript を勉強すれば使えるようになって
自分のブログにいろいろな花を添える事ができるようになると思います。
※ この花は Highslide JS と言って Google とは関係ありません。



Admin