Category / JavaScript

【jQuery】シンプルなアコーディオンメニュー

2012-02-20 アコーディオン型のメニューというのはjQueryでよく見るプラグインの１つだと思います。これを自分のサイトに取り込む場合、よさそうなのを探してくるのも手ですが、余計な機能がついていたり、そのせいで重くなったり、カスタマ […]

【Javascript】配列の順序のランダム入れ替え

2012-02-17 問題 phpだと shuffle($array)で配列の内容をランダムな順序に入れ替えられるじゃないですか。 Javascriptでも配列の要素のランダム入れ替えってできる？ [0,1,2,3,4,5,6,7,8,9] […]

【jQuery】formのリセットをで3行で書いてみる

2012-02-16 フォームのリセットといえばこれ。 <input type="reset" value="リセット" /> しかしこれは各フォームのデフォルト値に戻すだけで、もともと何か値を持っていた場合、空欄の状態にはなりま […]

【jQuery】GoogleのCDNだけで大丈夫か（Google Libraries API）

2012-02-10 問題 Google Libraries API でjQueryなどを読み込んでいるけど、もしGoogleにアクセスできないようなことがあったらどうするの？答え無事jQueryが読み込まれていれば、window.jQu […]

JavaScriptを手軽に実行する(Firefox6～)

2012-02-07 Firefox6あたりからアドレスバーによるjavascriptの実行ができなくなりました。その代わり…ということではないのですが、そのページ上で任意のjavasciptを起動する方法が用意されています。 Firebu […]

【Javascript】正規表現でgフラグを付けても phpのpreg_match_all()のようなことができない

2012-02-06 問題これで、abc,def,ghi が取れないんだけど。 "123abc456def789ghi".match(/\d+([a-z]+)/g); phpのpreg_match_all()などだと、マッチした文字列も、キ […]

【Javascript】jQueryだけでタブ切り替えの例（また）

2012-02-04 問題 jQueryだけで、タブっぽいの、たのむ。解答例 jquery.ui や twitter bootstrap を使えば、美しいタブ切り替えをあっという間に作成可能です。ただ、比較的よく検索にヒットしている以前書 […]

【Javascript】文字列を末尾から1文字ずつ削りながらループする

2012-02-03 問題文字列を末尾から1文字ずつ削りながらループせよ。解答例文字列は、今見ているページのURLを使ってループしてみる。 for (var s = location.pathname; s != ''; s = s.s […]

jQueryで立体的な動き（.animation()に挑戦）

2012-02-01 立体的な動きをさせてみる。何と言うのか、スロットマシーンのような動きをしたい。3Dの立体的スライドショーとも言うかもしれない。本当に文字が円筒に張り付いているような動き（文字自体にも遠近感を出す）は難しいが、せめて観 […]

【jQuery】エフェクトの種類

2012-01-29 問題 $(“#hoge”).show() などをするときに、エフェクトが追加できるよね。これ何が指定できるの？ $("#hoge").show() //エフェクトなしで表示する $("#hoge […]

【Javascript】voidは演算子

2012-01-28 問題 void(0) って何？関数？答え voidは演算子。 voidは与えられた式を評価し、undefinedを返す。「void(0)」は「void 0」と同じ。戻り値については、以下のいずれも、何をやっても […]

【Javascript】複数の関数を連続して実行する方法を試してみる

2012-01-27 へんてこな？ことを試してます。意味不明だったらすみません。概要ある文字列が、ある複数の条件を満たしているかどうか判定したい。 1つ1つの条件判定は1つ1つ関数にするのだが、以下の2つの呼び出し方のどちらが速いか。手 […]

【Javascript】配列内の重複を除く

2012-01-26 よく見かけるので、メモ。 function unique(array) { 　var storage = {}; 　var uniqueArray = []; 　var i,value; 　for ( i=0; i< […]

【jQuery】コンテンツの高さの自動調整

2012-01-25 問題ユーザのブラウザサイズに合わせてコンテンツを調整したい。ウィンドウ全体にスクロールバーを出したくない。ユーザーが途中でブラウザサイズを変えても、調整したい。答えウィンドウサイズを変更する際にはresizeイ […]

【jQuery】Ajaxを使ったコンテンツの表示方法

2012-01-23 内部リンクを全てAjaxによるロードに変える方法です。利点はページの書き換えが一部になるため、新規のページを開いた際の(html/javascript等の)初期化処理が発生しない。 javascriptが動かない環境 […]

label要素の中に複数のinput要素があると？

2012-01-19 問題こんなHTMLを書いたんだけど、だめなのかな？その他の入力欄をクリックすると、その他のラジオボタンはチェックされていいんだけど、入力欄からフォーカスが外れてしまうみたい。その他の入力をしたら、ラジオボタンもその […]

【jQuery】selectboxにoption要素の追加・削除をする

2012-01-17 状況によって、動的に、jQueryで、選択項目を増やしたり、減らしたりしたい。そんな時に役立つ基本的なやり方。 //select要素のIDをselectとする //追加するとき $('#select').append( […]

【jQuery】スライドショーするjQueryプラグイン

2012-01-15 作りました。名前 ssSlideShow … SlideShowだからss。深い意味はありません。バージョン Version: 0.1 … 出来立てです。ライセンス自由に使って、改造して、何かあればフィードバック […]

【jQuery】ページ内リンクをスムーズに移動する

2012-01-14 よく見かける、にゅる～んと移動する「ページ上部へ」のリンク、つるるるる…と移動するページ内リンクの実装例です。 a要素で、href属性に、#を含むものに対して、クリックしたときに目的の要素までぬるっとアニメーションして移 […]

SOFTELメモ Developer's blog