jQueryで指定した箇所までスクロールする方法
ブログなどに自動的に目次をツールを作ろうとして挫折しました。その際に調べたことをメモしておきます。
HTMLでは見出しの部分にh2やh3などのタグを使います。このタグをめがけてスクロールする方法です。 (さらに…)
ゆるくつくる stabuckyのブログ
ブログなどに自動的に目次をツールを作ろうとして挫折しました。その際に調べたことをメモしておきます。
HTMLでは見出しの部分にh2やh3などのタグを使います。このタグをめがけてスクロールする方法です。 (さらに…)
HTMLで長い文字列を右端で切って省略して表示する方法です。
下の図のように長い文字列を切って右端に省略記号を付けます。 (さらに…)
jQueryUIを使うとダイアログを取り扱うことができますが、小さなプログラムなので、jQueryUIは使わずjQueryだけでダイアログを表示させてみようと思いました。
意外と苦労したので、メモとして残しておきます。 (さらに…)
jQueryのセレクターで、全てを指定する場合は
を使います。
また、ある要素以外を指定する場合は
を使います。
とするとappleというクラスを使用している要素以外が指定されます。 (さらに…)
HTMLのtextareaは
と書きます。
jQueryでは、このようにタグで挟む場合は.html()で値を取得できます。
しかしtextareaの場合は.val()で取得します。
実際に試してみたところ、.val()、.text()、.html()のいずれでもtextareaの値を取得することができました。
しかし、textareaの内容を書き換えてから取得すると、書き換えた後の値を取得できるのは.val()だけでした。
一方、値のセットについては、やはりいずれの場合でもセットすることができました。
しかし、.text()と.html()では、一度、セットした後、再度セットしようとすると正しく動作しませんでした。.val()ならば意図通り動作します。
jQueryでtextareaの値を取得したりセットしたりする場合は.val()を使うのが確実です。
なおChromeとFirefoxでは上述のような動作をしますが、IEでは.text()と.html()でも.val()と同じ動作をします。
HTMLで書いたページに目次を自動的に追加するjQueryプラグインです。
h1-h6で記載した見出しを抽出し、目次を作成します。
目次には見出しへのリンクが設定されます。
このプラグインは二つのコードからできています。 (さらに…)
テキストボックス(inputタグ)が大量にあって、これらをパラメータとしてPHPのファイルに送信する必要に迫られました。
一つずつnameを付けるのが基本ですが長くなるので、CSVとして渡し、配列化して使いたいと思います。 (さらに…)
Excelにはピボットテーブルという機能があります。クロス集計と呼ぶ人もいます。
これをHTMLのテーブルで再現するjQueryプラグイン「jquery.pivot.js」を作りました。 (さらに…)
前にも書いたことがあるかもしれませんが、jQueryでチェックボックスを操作する方法をまとめます。
次のHTMLのようなチェックボックスがあったとします。 (さらに…)
jQueryの1.9の変更点を調べていて大事なことに気付きました。
jQueryでclassなどを書き換えるときには「attr」を使っていましたが、実は1.6から非推奨になっていました。
代わりに「prop」を使います。使い方は同じようです。
次のようなHTMLがあったとします。
jQueryで次のようにするとclassをセットできます。
※jQuery1.9.1で確認しました。