»jQueryで画像が読み込まれたら処理をする

よく忘れてしまうので備忘録

ページ内のすべての画像が読み込まれたら実行

jQuery.event.add(window,"load",function(){
    //実行式
});

ページを読み込んだら実行

$(window).load(function(){
    //実行式
});

こちらは画像を完全に取得してくれ無い場合があります。

公開日: 2013年12月11日 13:15 | カテゴリー: JavaScript

»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 | タグ: ,

»web制作で使える!「web apps」 をリニューアルしました。

以前から日々のweb制作業務によく使うツール集を制作しております。
今回は「web apps」のサイトデザイン、使い勝手の向上を目指してリニューアルいたしましたのでぜひお試しください!

web apps

どんなものがあるかというと・・・。

まだまだ鋭意作成中です!
「あんなものやこんなものなんか使えるんじゃない?」といったご要望も受け付けておりますので、コメントでも残していただけると嬉しいです!

公開日: 2013年1月18日 17:47 | カテゴリー: CSS, HTML, JavaScript, PHP, web apps, 未分類 | タグ: , , , ,
1 2