最近jQueryのdraggableでドラッグできる要素を使っていてあるトラブルに直面しました。 それはドラッグ要素の幅がドラッグしたときに元よりも小さくなってしまう問題です。 という訳でその解決法を見つけたのでここで紹...

jQueryオブジェクト　⇒　HTML文字列 HTML文字列　⇒　jQueryオブジェクト このように互いに変換したい場合、いくつかのjQuery関数を組み合わせて使えば簡単に変換可能です。 ということでここではその変換...

タブメニューはオシャレで機能的なUIを作るのに便利ですよね。 ただ自力で作成するのは現実的ではないのでjQuery-UIを使うのが一番楽だと思います。 という訳でjQuery-UIを使って切り替えできるタブメニューを作る...

jQueryでボタンがクリックされたりとかリンクが押されたりしたとき、 そのイベントというのはその下にある親要素にまで伝播してしまいます。 子要素だけで処理したいのに下の要素まで余計なイベントは発生させたくないですよね。...

javascriptは基本的にファイルから読み込んだりPHPとかに直書きする場合がほとんどです。 でも何らかの事情でjsコード側からjsコードを実行したい時もありますよね？ 例えば要素を動的に追加して動的にスクリプトを実...

「ボタンにイベントを設定したはずなのに発火しない」 「チェックボックスにチェックが入ってもイベントが起きない」 こういう風になぜかイベントが発火しないことはjQueryを使っているとちょくちょく遭遇します。 しかもエラー...

jQueryで要素の操作に欠かせないもの・・・それがjQueryオブジェクトです。 これがあるからこそ要素の操作が簡単になる訳ですが、気を付けないといけないことがあります。 それは空かどうかを判定するのに [crayon...

フォームから何か送信してもらう場合、未入力項目があると困るってことありませんか？ 送信前にそれをチェックして警告メッセージを出せたら便利ですよね。 という訳でjQueryで簡単に未入力項目をチェックしてアラートで表示する...

jQueryを使って input の入力文字を半角英数字だけに制限したいとき、ありますよね？ 例えばログインフォームを作ってユーザー名とかパスワードを半角だけにしたいときとか という訳でここではそのためのコードの書き方に...

inputには絶対に半角数字しか入力させたくないってことありますよね？ 検索してみるとそのためのコードがいくらでも出てくると思いますが、実は厳密に0～9以外は入力不可にしたいとなると結構大変です。 ということでその方法に...