Category / JavaScript
【jQuery】拡大・縮小のアニメーションをする例
2013-03-15 問題 jQueryプラグインとか無しで、拡大・縮小できる？ 答え 拡大・縮小します。jQueryプラグイン無しで、拡大・縮小します！ jQueryのanimateは、数値で設定できるスタイルシートのプロパティでしかアニメ […]
【JavaScript】マウスが乗ったら画像を差し替える
2013-02-12 問題 マウスオーバーで画像を切り替えたい。 1つや2つでなくて、たくさんある！ 答え img要素で表示している画像をマウスオーバーで切り替える例。 スタイルシートで :hover の background したくないとき […]
history.back();問題を解決してみる
2013-02-09 history.back()はブラウザの履歴を利用して1つ前のページに戻る機能です。これによりどのページから来た訪問者でも個々のユーザーに合わせたページへ戻ることができます。 この機能、多くのところでは以下のように書かれ […]
【jQuery UI】dialogのmodalしたときdialogの外をクリックしたら閉じるようにする
2013-01-17 問題 モーダルで開いたjQuery UIのダイアログを、オーバーレイのクリックで閉じるには。 答え ダイアログをこんなふうに開いたとき、 $( "#xxxxxxxx" ).dialog( {modal : true} ) […]
【JavaScript】Audioで音を出す
2013-01-04 問題 JavaScriptでwavデータを生成して、Audioに渡して再生してみてください！ 答え 流れを書くと以下のとおりで、流れは簡単。 audio = new Audio(); audio.src = "dataU […]
【JavaScript】canvasでお絵かきしたい
2012-12-15 問題 ブラウザでお絵かきするには？ 答え literally canvas が、シンプルでよいと思います。 http://literallycanvas.com/
【JavaScript】ネイティブのJSONはどの環境なら使える？
2012-11-30 問題 ネイティブのJSONはどの環境なら使える？ 参考 こんな感じ。 参考 http://caniuse.com/#search=JSON IE8からネイティブのJSONをサポート
日時の入力欄を、後の処理はしやすいままで、入力しやすくする（datetimepickerっぽいもの）
2012-11-27 問題 以下のような、日付と時間を入力するタイプの日時入力欄が入力しにくい。 YYYY-MM-DD hh:mm:ss形式で入力してもらえると楽なのはプログラマの都合。ユーザーには優しくない。 下図のような入力欄にしたい。 […]
正規表現置換チェッカー（JavaScript版）
2012-11-22 正規表現 / / g i m フラグは、次の値を任意の組み合わせで指定できます。 g グローバルなマッチ i 大文字・小文字の無視 m 複数行に渡るマッチ 正規表現、RegExp: https://developer.m […]
正規表現チェッカー（JavaScript版）
2012-11-21 正規表現 / / g i m フラグは、次の値を任意の組み合わせで指定できます。 g グローバルなマッチ i 大文字・小文字の無視 m 複数行に渡るマッチ gオプションを指定すると、文字列の終わりまで繰り返し実行します。 […]
【JavaScript】要素の位置にスクロールする
2012-10-30 問題 任意の要素の位置までスクロールするには？ 答え よくあるアニメーションするスクロールではないが、scrollIntoViewを使うと簡単にその要素の位置にスクロールできる。 scrollIntoView() メソッ […]
【JavaScript】JSONを使う。IEでも。
2012-10-14 問題 ネイティブのJSONはたいていのモダンなブラウザなら大丈夫だけど、IEはIE8以降らしい。 どんな環境でもJSONを使えるようにしたい。 答え JSON.parse や JSON.stringify を、ブラウザの […]
【JavaScript】全置換
2012-10-13 問題 文字列「いっぱい」の「い」を「お」に置き換えてください。全部。 答え 置換？→replace！と、反射的に考えると、正規表現で、gオプション付けて… という答えがすぐ思いつきます。 "いっぱい".rep […]
【jQuery】marginの値を数値で取得したい
2012-10-06 問題 marginの値を数値で取得したい。 答え こんな感じでよいと思います。 parseInt($('#target').css('margin-left'), 10); $(‘#target’ […]
【html5】canvasしたい（最初の一歩）
2012-10-03 問題 canvas したいです！ 答え とりあえず、素のJavaScriptだと以下のように書けばよい。 HTML <canvas id="canvas" width="320&quo […]
【JavaScript】canvasにCADデータを3D表示する
2012-10-01 問題 ここにCADのデータ（*.obj, *.stl など）があります。 このCADのデータをもとに、canvasで3Dグラフィックスを作成してください。 答え こちら使えます。 jsc3d – A web […]
ブラウザによって「元に戻す（Ctrl+Z）」の扱いが違う
2012-09-29 問題 textarea要素やinput要素など、入力可能な要素の値をJavascriptで変更すると、IEでは、元に戻す（Ctrl+Z）ができなくなるみたい。 答え ・Firefoxの「元に戻す」は、個々の入力欄でできる […]
【JavaScript】Math.random().toString(36).slice(-8) で簡易パスワード生成
2012-09-22 問題 JavaScriptで、ランダムな文字列を簡単に作るには。 解答例 こんな方法がある。 Math.random().toString(36).slice(-8); Math.random() でランダムな数値ができ […]
【JavaScript】 window.location と location って何か違うの？
2012-09-16 問題 window.location と location って何か違うの？ どっちでも使えるみたいなんだけど。 <input type="button" value="Go!&quo […]
【Javascript】今日の0時0分0秒の日付計算
2012-09-06 問題 “今（2012-09-06 09:04:30）”じゃなくて、今日（0時0分0秒）＝2012-09-06 00:00:00 を、Javascriptで取得したい。 解答例 1 //今（Thu […]