MOMA Labsから移転しました

JavaScirpt

JavaScriptでらくらく 縦割りテーブル

JavaScriptでらくらく 縦割りテーブル

縦割りテーブル、プラン別に価格や機能を比較するときなどに使われますが、毎回HTMLで記述するの面倒ですよね。全部のセルにクラス振るのもなんだかクールじゃないし。

今回もまたjQueryで解決しました。filter()が鍵ですかね。これなら何行あっても楽々です!以下、方法をごらんください。
Read more…

jQuery Ajax通信でブラウザによってParseErrorが出る件

jQuery Ajax通信でブラウザによってParseErrorが出る件

今日はjQueryからAjaxで値を投げてPHPで返したときに、なぜかIE8だけParseErrorが出るという不思議な現象について。PHPはサーバサイドなのにクライアントによって違うなんてびっくりしました。結果からいうと、PHP内でHTTPヘッダを正しく書かなかったことが原因でした。

Read more…

【JavaScript】2個以上の条件の分岐(switch文)

【JavaScript】2個以上の条件の分岐(switch文)

たびたび松本です。忘れないうちに書いておきます。主に自分用メモになってるのは気にしない。

さて、今回は「0のときは●●、1のときは●●、2のときは●●」をクールに書いてみたい!がテーマです。今まで覚えられずに避けてきたswitch構文を使います。

Read more…

【JavaScript】if/else文を一行で書くには?

【JavaScript】if/else文を一行で書くには?

前回のエントリに続きまして、ラジオボタンの値によって画面の内容を変化させる、というスクリプトを書きたいと思います。例によってjQueryベースで書いていきますが、今回の本題は『JavaScriptの三項演算子』です。簡単に言うと、if/else文を一行で書く書き方。

Read more…

【jQuery】ラジオボタンのイベント・値のとり方

【jQuery】ラジオボタンのイベント・値のとり方

ちょっとしたデスマーチ中につき、更新が思いっきり滞ってすみません。松本です。
今日はまただいぶスクリプト寄りな話を。
まだまだデスマーチの出口は見えないのですが、忘れないうちに書いておきたいと思います。
3連載です。

Read more…

【ハイクオリティ】iPhone Toggle UIをCSSとjQueryで実現

【ハイクオリティ】iPhone Toggle UIをCSSとjQueryで実現

三度の飯よりiPhoneが好き!松本です。iPhoneがつながらないと誇張抜きでテンパリます。

かなりクリーンなソースでiPhoneのトグルスイッチを実現しているコードがあったのでご紹介します。なんてクールなんだ! iPhone向けのサイトも多くなってきている昨今、これからガシガシ役に立つんじゃないでしょうか。

百聞は一見にしかず、まずはデモサイトをご覧ください。

Read more…

jQueryを使って写真・パネルをスライドさせよう!

jQueryを使って写真・パネルをスライドさせよう!

今回は jQueryを使って写真やコンテンツなどをスライドさせたいと思います。
参考サイトはEasy Slider 1.5です。
それでは早速実装しましょう!
Read more…

jQueryでドロップダウンメニューを実装しよう!

jQueryでドロップダウンメニューを実装しよう!

今回は jQueryを使ってドロップダウンメニューを実装したいと思います。仕事で失敗したリベンジです(笑)
使用するプラグインはdroppyというプラグインを使いたいと思います。
参考サイトはhttp://onehackoranother.com/projects/jquery/droppy/です。
それでは早速実装しましょう!
Read more…