javascript:void(0)

a タグの href に javascript:void(0) ってよくみかけるがこれは

<a href="javascript:void(0);">

「void」とは空とか無とかいう意味で、「#」って記述するのと同じでリンクを無効にすること。

とある案件で、input タグや img タグではなく、a タグにCSSを適用させたボタンで javascript のエラーチェックをし、submit させる場合があったのでメモ。

◆HTML
<a href="javascript:void(0)" onclick="CheckCheckBox(); return false;" class="btn fLeft">次へ進む</a>

◆JS
function CheckCheckBox() {
	//エラーチェック処理
	if (〜) {
		//あああああああああああ
	} else {
		document.form.submit();	//サブミット
	}
}

肝は関数呼出し後の return false; で、クロスブラウザ(WEBブラウザの仕様の違いなど)による挙動を合わせる場合に、onclick に関しても、処理が無効となるよう return false; する必要がある。

==PR==
汽車 工具,金槌,ハンマー 絨毯,マット リボン,ラッピング,クリスマス,オーナメント 足ひれ,フィン 色見本,カラーパネル 宝石 ちょうちょ,蝶 めがね,サングラス 柊,植物,クリスマス クーラーボックス 踏み台,椅子 ドア 箱,ギフト,ギフトBOX,プレゼント 剣,刀 ハウス,家 ハット パソコン,PC 手裏剣 めがね

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

検索窓や、テキスト入力フォームでデフォルトで文字列を入力しておいて、クリック(フォーカス)すると文字が消える 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 賞状,リボン,角帽 コルク 緑,植物,グリーン,葉,葉っぱ, フィルム,写真 レンズ,カメラ タンク タイヤ ノート,リングノート ビーチボール,紙風船 地球,地球儀

MovableType5 発表!!

sixapartからMovableType5が発表されました。

ベータ版は2009年8月上旬、正式出荷は2009年10月を予定してるそうだ。

・ウェブサイトが更に構造的に管理できる
・カスタムフィールドの強化
・「テーマ」機能
・更新履歴の管理

等があるようですが、実際に触ってみないと分からないですね。

http://www.sixapart.jp/movabletype/mt5.html

==PR==

クリスマス,オーナメント 飲み物,ジュース,レモンティー ぶどう 車,バス 国旗,旗 宝箱,箱 ガムボールマシ−ン 船のハンドル,舵輪 積み木,BOX 車,トラック ハート ランプ,外灯 遊具,公園 ハロウィン,ジャックオーランタン ノート,リングノート,メモ帳 家,ハウス ブロック,レゴブロック 笛,ホイッスル ジクソーパズル,ピース 木,緑,葉,葉っぱ,新緑

[アイコン素材.com]PostgreSQL最適化

弊社運用のアイコン素材.comですが、EC CUBEで構築されています。

そんな EC CUBE をデータベース PostgreSQL で運用していたのですが
2700点程度でもかなり重かったのですが、
サーバ担当が最適化してくれたおかげで天と地の差で劇的に早くなりました!!。

これまで毎日更新していますが、ほんとストレスでしたが、超快適!

これまでは重かったので、TOPページの「最近追加したアイコン素材」、「オススメアイコン素材」と、アイコン素材.com詳細ページの「このアイコン素材を買った人はこんなアイコン素材も買っています」を隠していたのですが、動作するようにしても全然快適☆

これで売上UPにも期待がかかります☆
快適になった「アイコン素材.com」よろしくお願いいたします!。

==PR==
ベル 風車 家,小屋 紅茶,レモンティー 靴,スニーカー ジグソーパズル,ピース 小屋,檻 ししとう,野菜 緑,植物,グリーン,葉,葉っぱ,芽,植木 落ち葉,枯れ葉 本,BOOK バネ 本,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 地図,世界地図 ペン ハウス,家,レンガ 工具,クレーン ビリヤード ボウリング,ピン ゴルフ,ゴルフクラブ アメリカンフットボール,ヘルメット 爆弾,時限爆弾 ジクソーパズル,ピース ゴルフカート 絞首台,死刑台 男子用便器,トイレ 黒板,ボード カジノダイス テニスコート 音符 リボン,ラッピング 椅子,チェアー

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,小物入れ 洗濯バサミ,ピンチ 積み木,おもちゃ 地図,世界地図 ジクソーパズル,ピース ビーチサンダル 拳銃,銃,鉄砲,ライフル 積み木,おもちゃ,組み木 家,ハウス 椅子,テーブル,応接セット,テーブルセット 酒,ワイン,洋酒,ボトル

スーザン・ボイル 動画

突如現れた、スーザン・ボイル。
既に動画を拝見した人も多いでしょう。

残念ながら決勝では2位で終わってしまったようですが、優勝者よりも世界に衝撃、感動を与えたのは彼女ではないでしょうか。

その初ステージは何度見ても感動です。
まだ見てない方は必見です。

審査員のアマンダかわいすぎ☆。

ラッパ,楽器 標識,目印 折り紙,兜 椅子,チェアー,ソファー ニンニク,ガーリック てんとう虫 方位磁石,東西南北 お面,マスク バラ線,鉄線,鉄条網 コンセント ハート,矢,恋,恋愛 フィルム,映画 望遠鏡 目玉,人体 タマネギ,オニオン 柏餅,和菓子 ハウス,家 缶,缶詰 扇風機,サーキュレーター

iPod Shuffle

玄関のチャイムで起こされる・・・でたが既に誰もいなかった・・・。
案の定、不在伝票がアップルストアからきてた。
そう!。
今日届くはずだったのよねぇ〜。速攻電話して再配達してもらってついにごたいめーん☆
やっと「ipodshuffle」キタ━━━━(゚∀゚)━━━━!!!
予想以上の小ささにびっくり!!ほんとメモリスティック代わりに使えますね。いい感じ☆。これ付けてティップ行きたいわぁ。明日もお供させよう。w
そして「Mac mini」もキタ━━━━(゚∀゚)━━━━!!!
これまたちっさ。きゃわ(・∀・)イイ!。
でもバッテリーでかっ。電源外に出したわけね。そうでもしないとここまで小さくできんわな。ほんと普通にパソコン使うだけならこれで十分やなぁ。
次はPowerBookG5ですね。熱対策で開発が難航しているようですが発表がまちどうしぃ〜。
appleさん期待してます。

シマウマ,ゼブラ,花,植物,目,アイ,船,ボート,インテリア,椅子,チェアー9,箱,缶,BOX,箱,BOX,ラグビーボール,アメリカンフットボール,木箱,ボックス,BOX,収納箱,植物,植木鉢,手紙,封筒,レター,カセットテープ,綿棒,飛行機,模型,風車,みかん,オレンジ,本,BOOK3,鳥,オオクチバシ,家,収納,インテリア,ビス,釘,ネジ,工具

新しい「iPhone」の発売日

まだ噂段階だが、7月17日に次期「iPhone」が発売されるという情報が出回ってますね。
仕様は以下の通り。

32GBモデルと16GBモデル
199ドルと299ドル
3.2メガピクセルカメラ
ビデオ撮影および編集機能
画像と動画をMMSで送信可能
iPhoneのへりにあるメタルの囲みがなくなる
OLEDスクリーン
1.5倍のバッテリ寿命
RAMおよび処理パワーが2倍に
FMトランスミッタ内蔵
背面のAppleロゴが点灯
背面はラバートレッド
より滑らかなデザイン
コンパス内蔵
カメラ、GPS、コンパス、Googleマップで写真の特定と位置情報を通知
Turn-by-Turn型ナビ
7月17日発売

遅かれ早かれでるでしょうが、やっぱり楽しみです。

カードホルダー,名刺入れ,ヘルメット,工具,ペンチ,貝殻,ブラシ,チークブラシ,メイク道具,フィルム,スコップ,工具,柊,植物,工具,ドライバー,釣り針,看板,標識,バインダー,カルテ,看板,標識,コンパクト,ファンデーション,メイク道具,注射器,シリンジ,ペン,万年筆,マーク,クエッションマーク,文房具,ボント,接着剤,糊,文房具,ホッチキス,ステープラー,家,ハウス