Category / JavaScript
【jQuery】複数選択可能なセレクトボックスを扱う
2012-01-13 multiple(複数選択可)なセレクトボックスをjQueryで扱いたい場合のTipsです。 通常のselectboxとの違いは、結果の取得や、選択に配列を使うことです。 複数選択可能なセレクトボックスをjQueryで扱 […]
【jQuery】checkboxの全選択/全選択解除を簡単に作る
2012-01-11 よくある定番の機能です。 IMAGE JavaScript $(function() { $('#all').on("click",function(){ $('.list').prop("checked", $(thi […]
セレクトボックスの選択されている項目の取得
2012-01-08 問題 セレクトボックスの選択されている項目の文字の方を取得するには？ 答え セレクトボックスの、選択されている項目をあらわすセレクタは、 #hoge option:selected 値を取得するには、 $("#hoge […]
【jQuery】jQuery UIのtabsだけで よくあるスライドショーを作る
2012-01-04 概要 jQuery UI を読み込んでいるなら、タブで、ちょっとした「自動でローテーションするスライドショー」なんてすぐできちゃうよ！ 詳細 以下、手順。 ※ 広告などを表示するためのスライドショーを作ろうとしたときのメ […]
【jQuery】セレクトボックスの選択されている項目の取得
2012-01-03 問題 jQuery使ってます。 セレクトボックスの選択されている項目の文字の方を取得したいです。 答え セレクトボックスの、選択されている項目をあらわすセレクタは、 #hoge option:selected 値を取得す […]
画面外からニョキっとスライドしてくるエフェクト
2011-12-28 ちょっと注目してほしいアラートや誘導に使えます。 Ajaxで非同期でデータを更新した後、「更新しました！」などの情報を表示したり。 上からでてくるのはiOSの通知センターみたいですね。 jQueryではanimateとい […]
【JavaScript】空だったら何々
2011-12-24 問題 Javascriptで、文字列の入った変数 a が空文字でなかったら aを、空文字だったら「空です」をalertしてください。 答え if (a == '') { alert(a); } else { alert( […]
「#!」 shebang – シャープとびっくりマークってどういう意味？
2011-12-23 問題 twitterやGoogleでよく見かける こういうURLって何？ http://～～～～/～～/#!～～～ みんなそろって「＃！」してるみたいだけど、何か意味があるの？ 答え #! その名は shebang（シェ […]
【jQuery】ラジオボタンの選択されている項目の取得
2011-12-21 問題 jQuery使ってます。 ラジオボタンの選択されている項目の文字の方を取得したいです。 答え ラジオボタンの、選択されている項目をあらわすセレクタは、name属性を使うとこう書ける。 input[name='kom […]
シンプルなニュースティッカー
2011-12-15 ニュースを電光掲示板のように表示するニュースティッカーです。 気づいて欲しい情報や、にぎやかな感じを出すため、限られたスペースで表示をローテーションするためなどに使えます。 jQueryとjQueryUIの機能を少し使っ […]
【Javascript】HTML中のイベント属性にスクリプトを書くときの注意
2011-12-08 問題 あれ？これ動かないかな？ document.getElementById is not a function って言われた。 <form action=""> <input type="hidde […]
【Javascript】recalcっていう名前の関数がonclickで使えない
2011-12-05 問題 onclick属性にrecalc()って書いたら、IEで動かないんだけど、なんで？ <script> function recalc() { alert("再計算して！"); } </script […]
【Javascript】input要素のonclickに書いたスクリプトについて
2011-12-03 問題 こういうのが動くのは、IEの不具合か何かですか？ <input type="button" id="A" onclick="getElementById('A').style.background='#cc0 […]
勝手にフォーカスが移るのを防ぐ方法のひとつ
2011-12-01 問題 Googleドキュメントのフォームをインラインフレームで埋め込んだら、最初の入力欄に勝手にフォーカスが移るものだから、勝手にフォームの位置まで画面がスクロールしてしまう。 困った。 解答例 iframeを「disl […]
【Javascript】File API を使って、アップロード画像のプレビューをする
2011-11-30 問題 ファイルのアップロードをするフォームを作るんだけど、画像のプレビューがその場でできるといいな。 確認画面で確認とか面倒で。。。 答え File API を使うと、その場でプレビューができる。 File API のF […]
テーブルのキーワードにマッチする行だけ表示する
2011-11-27 Excelのオートフィルタのような感じで、一覧表示している情報の中から、指定したキーワードにマッチする行だけを表示します。 サーバーにはリクエストが発生せず、ブラウザ側の画面上での処理となります。通信が発生しない分、一瞬 […]
【JavaScript】検索結果を画面上で絞り込む
2011-11-23 画面上でちょっとExcelのオートフィルタ風なことをしたいときに。 指定した文字列にマッチした情報だけを表示します。 検索結果を画面上で絞り込む – デモ
画面上の文字や画像を選択できないようにする
2011-11-19 問題 文字や画像をダブルクリックされると、選択状態になってしまう。 文字やリンクや画像に、onclickで何らかの処理をするスクリプトを作っているのだが、カチカチクリックされたときやドラッグされたとき選択状態になると、ど […]
スクロールについてくるフローティングメニュー
2011-11-06 問題 サイドメニューなどで、スクロールについてきて一緒に移動するメニューを作りたい。 解答例 jQueryが使える状況なら、こんなのでどうでしょう。 ・Javascript $(function(){ var o = $ […]
【Javascript】全角半角変換
2011-11-02 問題 全角英数字やカナをJavascriptで半角にするには？ 答え 対象となる全角文字が、変換先の半角文字と、Unicodeでちょうど0xFEE0ずれているので、引いてやると変換先の文字になる。 var fascii2 […]