複数のSNSボタンを簡単に表示するために、こちらのサイトのお世話になりました！ SNSのシェアボタンの設置方法まとめ (サンプルコード付き) サンプルコードをダウンロードし、少し編集するだけで、複数のSNSボタンを簡単に実装できます！ ありがたやー(━＿━)…

さて、Link Scraperって標準だとこんな感じに表示されると思います。テキストボックスの横幅とかは指定できるんですが、Bootstrapのデザインを使いたい！ と思ったので、JQueryで無理矢理やってみました(笑) こんな感じにしました。実装したコードは以下の通…

CakePHPでViewをbakeするとページネーションのボタンが出来ますが、せっかくBootstrapを使っているんだから、Bootstrapのデザインのやつを使いたい！ということで作ってみました！ 実装したコードは下の方にまとめて載せています。 まずはbakeしたときに出来…

Bootstrapを利用する環境でPopBoxをそのまま利用すると、表示がおかしくなり利用できなくなるので対処法をメモ。PopBoxの導入についてはこちらの記事を参考にさせてもらいました！ jQuery - シンプルにポップアップを実装できる「PopBox」 どうやらPopBoxとB…

Link Scraperとはなんぞやという方はこちらの記事が参考になります。 facebookのようにリンク先のURLを入力するとリンク先の情報が表示されるjQueryプラグイン「Link Scraper TextBox」さて、Link Scraperは便利なんだけどそのままだとちょっと使いづらいな…

簡単に日付と時間を指定できるUIはないかと探してみて、jQueryプラグインのDateTimePickerが良さげでした！ 導入も簡単だし、ユーザビリティも良さそうです。導入はこちらの記事に分かりやすく記載されているので紹介させて頂きます。 ASCII.jp：日付や時間…

前回は見た目のところだけ作りました。 サイト内お気に入り登録機能を作る。その１ - 新米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で横並びにしたいと思います。 こん…

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