SQLの窓

2011年11月19日


各ブラウザの現在の「document.charset」と「document.characterSet」




ブラウザ document.charset document.characterSet 
IE6 euc-jp undefined
IE8 euc-jp undefined
IE9 euc-jp euc-jp
Firefox 8 undefined EUC-JP 
Opera 11.52 euc-jp euc-jp
Chrome 15 EUC-JP EUC-JP
Sasfari 5.1.1 EUC-JP EUC-JP
昔から、Opera は IE ライクですが、Chrome と Safari が同じなのは「おっ」と
思いましたが、大文字小文字の違いは何なんだろうと思います。そんな中、Firefox
は独自路線です。

HTML5 では一番解りやすいブラウザ(Firefox)なんで期待しています。



posted by lightbox at 2011-11-19 22:32 | WEBブラウザ | このブログの読者になる | 更新情報をチェックする

2011年02月07日


Favicon の動的変更・または追加( IE8、Firefox、Chrome、Opera、Safari )

link 要素を自動的に調べる事もできますが、このコードは link 要素の順番を指定する必要があります。そのほうが単純なコードになるのでそうしました。( 最初から無い場合は link 要素を追加すれば良いです )

実際、ブラウザによって違う変更方法があるのですが、共通はこの方法です。Google Chrome と Safari は、image/x-icon が必要です。

このページのみ追加していますので確認して下さい
<script type="text/javascript">
function changeIcon(URL,no) {
	var target = document.getElementsByTagName("link")[no];
	target.parentNode.removeChild(target);

	var link = document.createElement("link");
	link.type = "image/x-icon";
	link.rel = "shortcut icon";
	link.href = URL;

	document.getElementsByTagName("head")[0].appendChild(link);
}

changeIcon("http://winofsql.jp/ginpro.ico",0);

</script>

関連する記事

Favicon の動的変更の裏側


タグ:javascript
posted by lightbox at 2011-02-07 13:06 | WEBブラウザ | このブログの読者になる | 更新情報をチェックする

2010年12月14日


Opera の window.open のバグ

▼ 以下は古い記事です


window.open だけで言えば、開いた元のウインドウの click イベントで、window.open で開いたウインドウにフォーカスを移せないです。IE、Firefox、Chrome では正常に動きます。

そもそも、Opera だけが showModalDialog に対応しておらず、その代替え策としてのコードを書いてテストしたら見事に裏切られました。

実行したのは以下のようなコードで、window.open されたほうから opener に半透明な div で使用不可能にして、その div をクリックしたら、フォーカス移動しています。
var win = window.opener;

// ページ全体を覆う DIV の作成
win.ds = win.document.createElement('div');
win.ds.setAttribute('id','ds')
win.ds.style.position='absolute';
win.ds.style.width='100%';
win.ds.style.height=win.document.getElementsByTagName("HTML")[0].scrollHeight+200+'px';
win.ds.style.left='0px';
win.ds.style.top='0px';

// IE8 までは、opacity プロパティが使えないようです
var userAgent = window.navigator.userAgent.toLowerCase();
if (userAgent.indexOf("msie") > -1) {
	win.ds.style.display = 'none';
	win.ds.style.backgroundColor = '#000000';
	win.ds.style.filter='alpha(opacity=50)';
}
else {
	win.ds.style.backgroundColor = '#000000';
	win.ds.style.opacity=.5;
}

// ページの最後に追加
win.document.body.appendChild(win.ds);

// IEのみ後表示
if (userAgent.indexOf("msie") > -1) {
	win.ds.style.display = '';
}

win.ds.onclick= function(){try{window.focus();}catch(e){}}

しかし、問題はそれだけでは無く、Opera で window.open したほうのwindow を先に閉じると、開かれたウインドウが最後のウインドウになってしまって、次からそのウインドウでしか Opera が開きません。

Opera_x

そうすると、一般ユーザではどうにもできない状態になってしまうわけで・・・

正しい修復方法はそもそも解りませんが、operaprefs.ini を保存しておいて、Opera を終了させているあいだに operaprefs.ini を削除してやると、次の起動で Opera は初期化されます。

で、既存の保存していた設定を再び operaprefs.ini に上書きすると元に戻ります



タグ:Opera バグ
posted by lightbox at 2010-12-14 12:23 | WEBブラウザ | このブログの読者になる | 更新情報をチェックする

2010年06月29日


ブラウザ毎の type=file フィールドの微妙な違い

File_ie

File_firefox

File_chrome


Chrome の ファイル参照ボタンが左側なのは少しびっくりしました。
フィールドの背景が灰色なのは、解りやすいようにスタイルで設定
しているからですが、IE は最初から灰色です。

問題は、Firefox で スタイルの width: が動かなかった事で、同じ
長さに揃えるのに size 要素が必要でした。
<input
	name="target"
	type="file"
	style='width:400px;background-color:#C0C0C0;'
	size="65"
>

以下は、size=65 を削除した結果です

File_firefox2



タグ:トラブル
posted by lightbox at 2010-06-29 15:54 | WEBブラウザ | このブログの読者になる | 更新情報をチェックする
Seesaa の各ページの表示について
Seesaa の 記事がたまに全く表示されない場合があります。その場合は、設定> 詳細設定> ブログ設定 で 最新の情報に更新の『実行ボタン』で記事やアーカイブが最新にビルドされます。

Seesaa のページで、アーカイブとタグページは要注意です。タグページはコンテンツが全く無い状態になりますし、アーカイブページも歯抜けページはコンテンツが存在しないのにページが表示されてしまいます。

また、カテゴリページもそういう意味では完全ではありません。『カテゴリID-番号』というフォーマットで表示されるページですが、実際存在するより大きな番号でも表示されてしまいます。

※ インデックスページのみ、実際の記事数を超えたページを指定しても最後のページが表示されるようです

対処としては、このようなヘルプ的な情報を固定でページの最後に表示するようにするといいでしょう。具体的には、メインの記事コンテンツの下に『自由形式』を追加し、アーカイブとカテゴリページでのみ表示するように設定し、コンテンツを用意するといいと思います。


※ エキスパートモードで表示しています

アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります

<% if:page_name eq 'archive' -%>
アーカイブページでのみ表示される内容
<% /if %>

<% if:page_name eq 'category' -%>
カテゴリページでのみ表示される内容
<% /if %>

<% if:page_name eq 'tag' -%>
タグページでのみ表示される内容
<% /if %>
この記述は、以下の場所で使用します
container 終わり



フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

CSS ドロップシャドウの参考デモ
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり