「jQuery」の記事一覧

HTMLで用意されている特殊文字には様々なものがありますが、クライアントやサーバの環境などによってはおかしな表示や挙動をすることもあります。私が経験した中で一番困ったのは「​」という特殊記号です。たまたま社内の業務システムで画面内の文字をコピーして貼り付けると文字化けするという問い合わせがありました。文章をコピーして貼り付けると文字化けする？ブラウザの開発者ツールでソースを確認すると「

「jQueryで特殊文字&#8203を除去する方法！ゼロ幅スペースの意外な落とし穴！」の続きを読む

改行文章の入力に対応するtextareaタグで入力内容の量に応じて、高さを自動調節する方法がないか考えてみました。基本textareaタグでは高さは固定長・可変長の値を指定できますが、入力文字数によって高さが自動調整されることはありません。仮にheight:100%;を指定しても親要素の高さにみに行くだけなので意味がないです。autoresizeみたいな属性があればいいんですけどね・・・。とりあえ

「textareaの高さを自動調整する便利なjQuery！height100が効かない場合におすすめのスクリプトを公開！」の続きを読む

ウェブサイトを構築する際に、JavaScriptやjQueryなどで、非同期通信(Ajax)を用いて処理を実装することがあります。最近は利便性とクロスブラウザ対策からjQueryプラグインのajax関数で非同期通信を実現させることが多いと思います。たいていのブラウザでは問題なくAjax処理が動作しますが、稀にブラウザ依存の設定やキャッシュなどでよからぬ動きをすることがあります。特に困ったのがIEで

「IEでAjaxのスクリプトが初回処理後に動かない原因！一時ファイルの設定で解決する方法！」の続きを読む

jQueryのライブラリの中で、clone関数というHTMLオブジェクトをコピーする便利なものがあります。ウェブページを構築する際に、利用者の入力内容に応じて、リクエストさせたいデータ項目をフレキシブルに切り替えさせたいときによく利用しています。具体的には、divコンテナに入力情報用のHTMLオブジェクトを記述し、サブミット処理などでリクエストを送信する際に、divコンテナの子要素のオブジェクトを

「jQueryのclone関数の思わぬバグ！セレクトボックス実装時は注意！入力値のコピー処理がnullになる不具合の解決方法！」の続きを読む

Javascriptのアラートダイアログってありますよね。 ウェブページを開いたときに表示される警告表示のウィンドウです。window.alert("文字");と入力すると、 簡単に警告のポップアップウィンドウを表示させることができます。正直言ってあのウィンドウってデザインも素朴ですし味気ないです。そこでjQueryを利用してこのアラートダイアログをちょっとだけ スタイリッシュな印象に変えてしまう

「アラート画面のデザインを自由にカスタマイズ！警告表示のダイアログのUI機能をjQueryプラグインConfirmで印象をガラッと変更する方法！」の続きを読む