» 2008のブログ記事

ファビコン（Favicon）とは、ブラウザで閲覧すると、アドレス欄に左横に表示しているアイコンのことで、普通はブラウザのアイコンだったりしましが、最近は独自のアイコンを表示しているサイトを多く見かけます。

このページのアドレス欄の左に付いているクマさんのアイコンがそれです。

特に最近はInternet Explorer７をはじめタブブラウザが主流になってきて同時にたくさんのページを開いて閲覧できるのは便利ですが、
開きすぎると、どこに何のページがあるかがわかりにくいです。
 そんなとき、独自のファビコンが表示されていれば、目印になり便利です。

「ファビコン（Favicon）」とは、「Favorite Icon（お気に入りアイコン）」の略です。 元々はInternet Explorerの独自機能でIE6では、ただウェブページにアクセスしただけではファビコンは表示されず、「お気に入り」に登録して、はじめて表示されるものでした。
またバグのせいかたまにうまく表示されない場合もありました。

しかし現在はFirefox・Opera・Safariなど、メジャーな最新ブラウザのほとんどがサポートしていて、Internet Explorer7では、他のブラウザに追従して、アクセスしただけでファビコンを表示するようになりました。

の続きを読む »

Check

Tweet

リストボックス型のプルダウンメニュー。

サンプル
↓↓↓↓↓↓
メニューページ1に移動しますページ2に移動しますページ3に移動します

※各項目へリンクが貼っていません。移動したら、ブラウザの「戻る」ボタンで戻ってきて下さい。

ソースはこんな感じで。赤字の部分を変更れば、OK。
——————————————————————————————
<form>
   <select onChange=”location.href=value;”>
      <option value=”#”>メニュー</option>
      <option value=”page1.html“>ページ1に移動します</option>
      <option value=”page2.html“>ページ2に移動します</option>
      <option value=”page3.html“>ページ3に移動します</option>
   </select>
</form>
——————————————————————————————–

これでも一応JavaScriptである。
onChange=”location.href=value;”
の部分がそうだ。

スタイルシートを適応すれば次のような事もでｌきる。
サンプル
↓↓↓↓↓↓
メニューページ1に移動しますページ2に移動しますページ3に移動します

※各項目へリンクが貼っていません。移動したら、ブラウザの「戻る」ボタンで戻ってきて下さい。

htmlソース
——————————————————————————————
<form>
   <select onChange=”location.href=value;”>
      <option value=”#”>メニュー</option>
      <option value=”page1.html” class=”red”>ページ1に移動します</option>
      <option value=”page2.html” class=”blue”>ページ2に移動します</option>
      <option value=”page3.html” class=”red”>ページ3に移動します</option>
   </select>
</form>
——————————————————————————————–

これに次のスタイルシートを適応しただけである。
——————————————————————————————–
option.red {
   background-color: #ffffcc;
   color: red;
}
option.blue {
   background-color: #ccffcc;
   color: blue;
}
——————————————————————————————-

Check

Tweet

ローカル環境で動いているPHPスクリプトをレンサバに上げて動かしたら、クッキーの”の前に自動的に「￥」マークが付いて￥”となりうまく動作しなかった。

レンサバのマジッククォート（magic quotes）がオンになっているせいだろう。
php.iniは直接編集でいなきないので、
.htaccessに
———————————————
php_flag magic_quotes_gpc off
———————————————
と記してアップしたら解決！

参考：
http://jp.php.net/manual/ja/security.magicquotes.php

Check

Tweet