SQLの窓

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ブラウザ | このブログの読者になる | 更新情報をチェックする

2011年02月04日


Google Chrome と Safari のブックマークまたは「ブックマークレット」の作り方。

この二つのブラウザは、ページ上のリンクを右クリックしてから
の登録方法が無いので、ブックマークバーにドラッグドロップする
必要がありますが、ブックマークバーが表示されていない場合は、

CTRL + SHIFT + B です。




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

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

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

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

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


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

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

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

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

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


Windows
container 終わり

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

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
PHP正規表現チェッカー
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり