ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」:phpspot開発日誌
ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」 2010年05月19日- Plugins | jQuery Plugins ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」。 ドロップダウンメニューといえば、複数のアイテムが表示され、クリックするとページ移動するというのが普通の動きですが、ドロップダウンメニュー内に好きなコンテンツを入れこんでしまうことが出来るのがMegaMenu。 一見何の変哲もないナビゲーション マウスオーバーすると、テーブルコンテンツがアニメーションしながら表示されます。 フォームだって埋め込んでしまえます。ログインフォームなんかを置くといいのかも リストも次のように綺麗に表示されます。リンクを貼って普通にメニューのように使うことも出来ますね。
[携帯]submitボタンの大きさ調整 │ これからゆっくり考L +α
よくありがちな「検索」とか、「送信する」とか、そういったボタンの文字サイズ（ボタンのサイズ）が変更できるか、の検証です。 今までsubmitボタンの大きさを変更したことが無かったのですが、とあるソースを見ていたら、 <input type="submit" value="ボタン" style="font-size:x-small;" /> という記述をみかけて気になった次第です。 サンプルページ →サンプルページを見る <input type="submit" value="ボタン" style="font-size:x-small;" /> こんな感じで、inputタグの中でfont-sizeを指定してます。 <div style="font-size:x-small;"><input type="submit" value="ボタン" /></div> 下の方は、inputタグ内で指定
[携帯]フォームで使うパーツまとめ │ これからゆっくり考L +α
携帯サイトに限ったことではないですが、フォームページの作成って結構骨が折れるというか心が折れるというか眠くなるというか。 そんなフォームページを簡単にやっつけるべく、コピペでペタペタはっていけるようにまとめてみました。 こんなフォームページがちょちょいのちょいと。 Dreamweaverなどを使っている場合はスニペットに登録しておくとかなり作業効率がアップしますよ？ ただ、Dreamweaverを使わずに秀丸とかでコーディングする時もあるので、そういう時の自分の為に。 メニュー さくっとコピペできるように、html用とxhtml用で分けています。 ・html用のフォームパーツ ・xhtml用のフォームパーツ 数字とか値は適当に入っているので、コピペしたら直してくださいませ。 html用のフォームパーツ ・基本のパーツ ・割とそのまま使えるパーツ ・名前 ・住所 ・生年月日 ・性別 ・同意規
[携帯]画像の横にチェックボックスを配置 │ これからゆっくり考L +α
左に画像、右にテキスト。 3キャリア1ソースなら、 <img src="sample.jpg" align="left" style="float:left;"> テキストテキストテキスト みたいにやるだけ。簡単簡単。 なんですが、今回は画像の右側にチェックボックス（もしくはラジオボタン）を配置する場合。 普段どおりにコーディングをすると、 <form action="#" method="post"> <img src="sample.jpg" align="left" style="float:left;"> <input type="checkbox">ほげほげ<br /> <input type="checkbox">ほげほげ<br /> <input type="checkbox">ほげほげ<br /> </form> となるわけですが。 auだけカラム落ちしてしまいます。 ※H
[携帯]入力フォームとボタンを横一列に並べる │ これからゆっくり考L +α
どこにでもありそうな、よくある入力フォーム。 テキストボックスとボタンを横一列に並べたい場合、3キャリア1ソースで実現するにはtableが必要になってきます。 tableのセルの中に入力フォームとボタンを入れないと、auで改行してしまいます。 tableを使っていないサンプルページ →サンプルページを見る tableを使っているサンプルページ →サンプルページを見る 入力フォームとボタンを隣同志のセルにいれればOKです。 <table> <tr> <td><input type="text" size="20" style="width:160px;" /></td> <td><input type="submit" value="検索" /></td> </tr> </table> docomoとsoftbankはtableに入れなくても横一列になるんですけど、auではなぜかなりません。
都道府県選択するやつ。
メモ。 誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。 - コメントにて使用条件を書いてほしいとの事だったので念の為追記しておきます。 特別記載が無いエントリー以外は、どう使うのも自由です。 自分のブログにそのままソース掲載してもらっても、仕事で使ってもいいですし、あらゆる用途に対して自由に使ってください。 もちろん、改変・配布とかも自由です。 ただ、ウチで公開しているソースやサンプルに対して何らかの問題が生じても責任は負いません。各自の責任でご利用ください。 大体こんな感じです。 select要素でマークアップ済みの都道府県のやつ <select name="都道府県"> <option value="">都道府県をお選びください。</option> <optgroup label="北
ウェブ制作に役立つ記事の先週のハイライト -20080721
ウェブ制作に役立つ記事の先週のハイライトです。 チュートリアル・Photoshop関連 70 Beauty-Retouching Photoshop Tutorials 70のPhotoshopのレタ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
