前回は見た目のところだけ作りました。 サイト内お気に入り登録機能を作る。その１ - 新米SE、マーケティングを学ぶの巻今回は、データベースにお気に入り情報を登録、解除するためにajax通信を利用します。こちらがソースコードです。HTML <p><button data-condition=false class="favoButton" data-favoNum=1>☆</button></p> <p><button data-condition=false class="favoButton" data-favoNum=2>☆</button></p> JavaScript $…

サイト内のお気に入りボタンをポチると、お気に入り登録(ブラウザじゃなくて、サイトのDB)されてお気に入りボタンが黄色く光るってのを作ろうと思います。まずは外見から入ります。 こんな感じで。ソースコードはこちらです。HTML <p><button data-condition=false class="favoButton" data-favoNum=1>☆</button></p> <p><button data-condition=false class="favoButton" data-favoNum=2>☆</button></p> JavaScript $(".favoBu…

以前、Multiple selectの大きさを調整しました。、 jQueryプラグイン、Multiple selectの大きさをいじる。 - 新米SE、マーケティングを学ぶの巻 今回は、選択リストのなかに全選択項目を加えてみますゞ(`')、 全選択項目を選択すると、その他の項目が薄くな…

前回はMultiple selectの大きさをいじりましたゞ(`')、 jQueryプラグイン、Multiple selectの大きさをいじる。 - 新米SE、マーケティングを学ぶの巻ただ、Multiple selectの二つ目を書くと縦に並んでしまうので、Bootstrapで横並びにしたいと思います。 こん…

一つのmodal dialogに対して保存箇所が複数というケースで作ってみました。 こんな感じです。ボタンを3つ用意、ボタンが押されるとmodal dialogが表示され、その中で入力し保存ボタンをクリック。 すると、最初に押したボタン横に入力内容が表示されるよ、と…

select要素の複数選択が分かりづらい！ と思い調べてみたら Multiple selectなるものがあるらしいゞ(`')、これでかなり分かりやすくなりそう！ ただ、実際に使うとなると色々調整する必要がありそうなので、いじってみました！導入はこちらの記事が分かりや…