タグ：

jQueryにclone()という大変便利なメソッドがあります。これは、

$(“#hoge”).clone();

とすると、ID=hogeを丸ごとコピーしてくれるというものです。
フォームで項目を追加したい場合などに大変威力を発揮します。

ただ問題があって、このclone()は、selectタグで変更したものを、コピーしてくれず、コピーしたら変更後の表示値ではなく、初期値が表示されてしまいます。

“jQueryでclone()するとselectタグで選択したのが反映されない”の詳細は »

タイトルが凄まじく長いですが、要は以下のように、1つのフォーム項目でラジオボタンとチェックボックスが混在しているような状況のことです。

好きなメーカー

特になし トヨタ パナソニック ソニー

このような状況の場合、チェックボックスが入っている状況でラジオボタンをクリックしても、チェックボックスは外れてくれません。

というわけでJavascript、というかjQueryで制御します。

Microsoftが、IE6、7の強制アップデートを表明しましたが、XPでは最新でもIE8までなっております。IE9は多少増しになりましたが、頻繁にアップデートされるChromeやFirefoxのように、最新のものに対応していないという、制作側からしたら泣きたくなるような状況がまだまだ続きます。

というわけで、IEを最新のものに対応させるJavascriptライブラリをご紹介。

jQueryのloadで、Yahoo!JAPANトップのようなタブパネルを非同期読み込みしたときに、一部を非表示したかったのでそのメモ。

アマゾンや楽天のAPIを使い、上の画像のようなタブパネルを作ったのですが、表示ページにphpで書くと、読み込みの際にとても時間がかかるので、それをjQueryのloadで読み込んでページ表示を高速化しようとしました。

最近Javascript、とりわけjQueryなんぞを扱うことが多くなったので、そのメモでございます。今回は、Javascriptで定義した文字列を、数字として扱う方法、いわゆるキャストについて。

前から気になっていた、Web制作の現場で使うjQueryデザイン入門ですが、こちらを読んでみて、非常に入門に適した本だと思いました。

上記エラーログはいったいなんなのかというと、IE8様が「子エレメントを閉じる前に親エレメントを変更できないよ」と言っています。

最近はCSSでレイアウトすることが多くなってきたので、大体の原因としては、divタグの中にjavascriptを書いているのが原因になります。