Posts Tagged ‘jQuery’

2011年10月26日に投稿

[jQuery] フォーム要素を無効にしたり元に戻したりする

HTML で作成されたフォームには入力できなくしたり、チェックができないようにしたりする機能があります。jQuery を使って動的に無効にしたり、有効にしたりする方法です。

続きを読む

2011年10月06日に投稿

[JavaScript] ライブラリを使用せずにドラッグできる要素を作る

今でしたら jQuery のプラグイン等を使用すれば簡単にドラッグ可能な要素を作ることができます。ですがそこをあえてライブラリを使用せずに作ったらどれだけ大変なのか確かめて見たかったので、ドラッグ可能な要素をひとつ作りました。

続きを読む

2011年09月06日に投稿

[jQuery]クリックするとびろ~んとスライドして表示されるメニューを作る

メニューをクリックすると、子カテゴリのメニューがびろ~んとスライドして表示されるメニューをjQueryで作ります。以下はHTMLを含めたサンプルになります。

続きを読む

2011年09月01日に投稿

[jQuery] プラグインを使用せずに、滑らかにブラウザをスクロールさせる

過去の記事「[jQuery] スクロール位置を制御する」にて jQuery でブラウザをスクロールさせる方法を書きましたが、今度はそれを滑らかにスクロールさせる方法になります。プラグインで処理を行ってくれるものもありますが、あえてプラグインを使わずに標準で用意されたものだけを使用しています。

続きを読む

に投稿

[jQuery]スクロール位置を制御する

HTMLファイルの最上部に<a name=”top” id=”top”></a>などと置いて、<a href=”#top”>上に戻る</a>とやると画面の最上部にスクロールしてくれるリンクを置くことができます。この動作をjQueryで代替することができました。

続きを読む

2011年08月26日に投稿

[jQuery] 要素の高さを取得する

ある要素の高さ( CSS でいう height )を取得したい場合は height() メソッドを使用することで取得できます。height() メソッドは単位が付いていない数値で返ってきますのでそのまま計算に利用できます。以下のコードは id 属性に hoge が付けられた要素の高さを取得します。

2011年07月28日に投稿

[jQuery]ajaxメソッドをループを使って繰り返す場合はeachを使うとうまくいく

jQueryのajaxメソッドをforで繰り返し実行した時に期待した結果が得られませんでした。これは非同期で実行されているがための挙動だと思いますが、詳細は今のところ調査中です。forでループさせることはできませんでしたが、eachメソッドを使うことで正しく動くようになりました。動かないコードと動くコードを示します。

続きを読む