1. /
  2. 地図

地図

入力フォームをクリックしてサンプルを消す

検索窓や、テキスト入力フォームでデフォルトで文字列を入力しておいて、クリック(フォーカス)すると文字が消える JavaScript のメモ。

今までどうやるんだろーと思ってましたが、調べてみるとあっさりできました。

◆インプットフォームのサンプル
<input name="query" id="searchBox" type="text" value="サイト内検索" onfocus="if (this.value == &#x27サイト内検索&#x27) { this.value=&#x27&#x27 }" onblur="if (this.value == &#x27&#x27) { this.value=&#x27サイト内検索&#x27 }" />

◆テキストフォームのサンプル
<textarea cols="40" rows="15" name="testbox" wrap="virtual" onclick="doclear(&#x27testbox&#x27);">お問い合わせ内容をご入力ください。</textarea>

==PR==
目覚まし時計 金塊 緑,植物,グリーン,葉,葉っぱ, リボン,ラッピング 家,ハウス 椅子,チェアー,ビーチパラソル,ビーチチェア クリスマス,オーナメント,ベル ビン,ボトル,地図 鍵盤,ピアノ 本,BOOK 賞状,リボン,角帽 コルク 緑,植物,グリーン,葉,葉っぱ, フィルム,写真 レンズ,カメラ タンク タイヤ ノート,リングノート ビーチボール,紙風船 地球,地球儀

shadowbox.js

これまでajaxでLightboxを使用していましたが、画像の表示のみでした。

弊社サイトの携帯FLASHゲームの実績紹介ページ用にLightbox風にswfを表示できないかと検索してみました。

世の中便利ですね。
ありました。

「shadowbox.js」

最新バージョンは3.0。
「shadowbox.js」はPrototype、jQueryなど、複数のJavaScriptのライブラリに対応した、swfや動画などを拡大表示できるスクリプトです。

「shadowbox.js」ダウンロード

使い方は至って簡単。
バージョン3.0になって更に簡単に使えるようになった感じです。

shadowbox.js と shadowbox.css を参照して
Aタグに rel=”shadowbox” を追記するだけ。

携帯用画面もshadowboxで見せようとhtmlの表示を試みるがうまくいかない。
よくオプションの解説を見てみると

players: [“html”]

ではなく

players: [“iframe”]

でした！。うっかりうっかり。

◆併用できるJavaScriptのライブラリ

◆対応ブラウザ

  • Internet Explorer 6+

  • Firefox 1.5+

  • Opera 9+

  • Safari 2+

  • Camino

◆対応メディア

  • 画像(PNG, JPEG, GIF)

  • 動画(FLV, QuickTime, Window Media Player)

  • ウェブページ

◆オプション変更

  • ローディング画像の変更

  • フラッシュビデオプレイヤー

  • 背景色

  • 透過度

  • 枠線の形状・色

  • サイズ

  • キーボード操作

etc…

詳しくは「shadowbox.js」のサイトで。

==PR==
印鑑,STOP 地図,世界地図 ペン ハウス,家,レンガ 工具,クレーン ビリヤード ボウリング,ピン ゴルフ,ゴルフクラブ アメリカンフットボール,ヘルメット 爆弾,時限爆弾 ジクソーパズル,ピース ゴルフカート 絞首台,死刑台 男子用便器,トイレ 黒板,ボード カジノダイス テニスコート 音符 リボン,ラッピング 椅子,チェアー

あのー鳩山さん？

民主党の鳩山由紀夫代表の個人献金が約6億で匿名が6割。

2日前は600万とか言ってませんでしたっけ？
いつの間にか桁が億になってますよ。

半数以上が匿名献金というのもすごいです。
数日後にはもっと増えてたりして。
また秘書の独断でしょうか。w

解散総選挙の前に民主党には痛いニュースですね。

==PR==
リボン,ラッピング 時計,ストップウォッチ バスケットゴール マネキン 船,ボート 緑,植物,グリーン,葉,葉っぱ 薔薇,植物,花 レコード トランプ,トランプカード スプーン,カトラリー 地球儀,地図 ライト,スポットライト,照明 プリン ペンキ,インク ペンキ,インク 木琴,鉄琴 ドラム,太鼓 カセットテープ 双眼鏡,オペラグラス 足跡

UTF-8とCGI

最近はUTF-8で記述しているサイトが多く、これまで使用していたCGIを流用させてみる。

Encodeモジュールを使用して

use Encode;
use CGI;

#文字をデコード
$body = decode (‘utf8’,$str);

# ～、－など文字化け対策
$body =~ tr/[\x{ff5e}\x{2225}\x{ff0d}\x{ffe0}\x{ffe1}\x{ffe2}]/[\x{301c}\x{2016}\x{2212}\x{00a2}\x{00a3}\x{00ac}]/;

#JISコードに再度変換
$body = encode (‘jis’,$body);

文字化け対策が必要な文字は
「～」「∥」「－」「￠」「￡」「￢」

==PR==
色鉛筆,カラーペンシル ナイフ,短剣 緑,植物,グリーン,葉,葉っぱ ソリ 車,トラック 机,デスク,椅子,チェアー,テーブルセット,応接セット 船,帆,ボート トマト,ミニトマト ミリタリー,BOX 箱,BOX,小物入れ 洗濯バサミ,ピンチ 積み木,おもちゃ 地図,世界地図 ジクソーパズル,ピース ビーチサンダル 拳銃,銃,鉄砲,ライフル 積み木,おもちゃ,組み木 家,ハウス 椅子,テーブル,応接セット,テーブルセット 酒,ワイン,洋酒,ボトル

お好み焼きともんじゃとたこ焼き

今日は仕事後にお好み焼きともんじゃとたこ焼きやりました！

事務所がくさいー。w

お好み焼きはキムチ入りで、青のりの代わりに韓国のりのふりかけ！
これがまた絶品でした！
久しぶりのモダン焼きも☆

もんじゃはもちろん餅チーズめんたいで。
チーズをこれでもかってぐらいいれて激うまー。

たこ焼きはあっさり醤油味で！
大阪は「たこ八」さんの味にかなり近い感じでできて大満足でした☆

あーたべすぎ。w

メガホン,拡声器 ブランコ スイッチ 携帯電話,モバイル ビデオカメラ ボード アメリカ合衆国,地図 ドラム缶洗濯機 円グラフ バッグ,ケース 電話,ダイヤル ポスト郵便受け 投票箱,選挙,投票 スケートボード 緑,植物,グリーン,葉,葉っぱ チェス 設計図,図面 ビリヤード 缶,プルトップ ボード,看板

MT4.2の新規投稿で500エラー

MovableTypeで構築された当ブログを更新の際、最近は必ず500エラーがでて、
まともに更新できないし、Pingも送信されていない。
これは問題と言うことで、サーバ担当に確認してもらって、
Perlのバージョンを最新にしてもらった。

また、タイムアウトの時間を延ばしてもらいました。

結果はこの記事が上手く投稿されていることが何よりの証拠ですね☆

==PR==
地図,宝探し ファイル,書類入れ 黒板,ボード 車,カー,外車 電球,ランプ プレゼント,ギフト,ギフトBOX,プレゼント,箱 木琴 椅子,チェアー,ソファー とうもろこし,コーン ドア,玄関 リング,指輪 チョコレート,板チョコ パイナップル,缶詰,パイン グリーン,葉,葉っぱ,観葉植物 グラフ,円グラフ エビ 豆,ビーンズ,さやいんげん そろばん クリップ 帽子,キャップ,アーミー帽子,迷彩柄

バロンチェアー

会社の椅子が岡村製作所のバロンチェアーに変わりました！

座りご心地がよすぎて、眠くて仕方ないです。

急須,箸,ティッシュ,BOXティッシュ,ティッシュケース,メガネ,メガネケース,じょうろ,水差し,箱,BOX、ケース,木箱,地球儀,地図,はかり,スケール,キッチン道具,小物入れ,宝石箱,アクセサリー入れ,植物,グリーン,葉っぱ,葉,セロハンテープ,文房具,パンチ,文房具,アメリカンフットボール,ヘルメット,ブルーベリー,ちょうちょ,蝶,アクセサリー,緑,植物,グリーン,葉,葉っぱ,本,BOOK,鍋,キッチン道具,キッチン道具