人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascript初心者です。
下記の要件で、実装のコードを教えて下さい。

【要件】
?4つのボタンがあり、どれか一つを選択可能。選択すると選択された画像になる
(http://agtsmartphonedesign.com/300/ こちらのページの上の方にある
「TOP」「コレクション」「ランキング」。。。のようなボタンです)
?選択されたボタンは<select name="hoge">内で各々の値を持つ。
?iphoneでの実装を想定
?html javascriptで実装

説明が明確ではなく申し訳ないのですが、質問の意図、ご理解頂ける方いましたら
ご回答宜しくお願いします。


●質問者: nnrysk
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML iPhone JavaScript TOP つの
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Lhankor_Mhy
●100ポイント ベストアンサー

select要素を諦めて、input要素で対応していただけるならjavascriptナシでCSSだけでできます。

サンプルを書きました。CSS3を使っていますのでIEはキビシメです。FirefoxとChromeで確認してます。

http://jsfiddle.net/muUhU/

と思ったら、iPhone Safariってlabel要素対応してないんですねえ……

iPadなどのmobile safariでは、labelタグのfor属性で指定したチェックボックスにチェックできない - Fight the Future じゅくのblog

コードをそのままパクったサンプルがこれです。jQuery使用。

http://jsfiddle.net/muUhU/2/

これなら初めからselect要素を使った方がいいですね。適当に書き換えれば簡単に動くはずですので試してみて下さい。

追記:

ちょっと時間ができたのでselectのサンプルも作ってみました。

http://jsfiddle.net/muUhU/3/

◎質問者からの返答

ありがとうございます!

できました!

よかったー!!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ