»Javascriptで文字列を半角に!英数字・カタカナ・記号対応

モバイルのお仕事をしていたりすると何かと半角にする必要があったりします。
PHPだとmb_convert_kana()っていう関数が用意されていて簡単なのですが、Javascriptではすべてを置換してやる必要がありますよね。
書くの面倒だなぁとか、そもそもやり方がわからんとか、そんな人は是非下記のコードを利用してください。

(さらに…)

公開日: 2013年1月24日 0:00 | カテゴリー: HTML, JavaScript | タグ: , ,

»Javascriptでフォームが送信される前にチェック!

ユーザがフォームを送信する前に確認ダイアログを出したい!データが送信される前にチェックを走らせたい!そんな場合には下記のようにJavascriptとHTMLに書いてあげれば万事解決!

送信前にconfirm

Javascriptに

function submitCheck(){
    if(window.confirm('送信しますか?')){

    //ここらへんで送信前に何かを実行してもOK

        return true; //「はい」を押すと送信
    } else {

    //ここらへんでキャンセル時の何かを実行してもOK

        return false; //「キャンセル」を押すと送信キャンセル
    }
}

HTMLに

<form method="post" action="" onSubmit="return submitCheck()">

と書いてやればいいだけです!

公開日: 2013年1月22日 1:57 | カテゴリー: HTML, JavaScript | タグ: , , ,

»テキストエリアをクリックしたら全選択

ユーザがコピーするだけのテキストエリアならば、ユーザビリティを考えるとクリックした時点で全選択されると嬉しいですよね。
これはJavascriptを使えば簡単に実装できます。

(さらに…)

公開日: 2013年1月18日 19:01 | カテゴリー: HTML, JavaScript | タグ: ,

»クロスフェードで背景を切り替えてくれるjQueryプラグイン「bgSwitcher」

bgSwitcher

このプラグインの特徴は

  • クロスフェード
  • 背景要素の切り替え
  • 設定項目が豊富

といったところでしょうか。

背景スライドショーによく使われる「maximage」よりも断然使いやすいと思います。
一度お試しあれ~。

デモ

(さらに…)

公開日: 2011年8月13日 1:39 | カテゴリー: JavaScript | タグ: , , , ,