2012年10月17日のブックマーク (6件)

  • jQueryプラグイン サンプル(フォーム系):skuare.net

    JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、フォーム関連のjQueryプラグインを紹介しています。 国際電話番号を判別するjQueryプラグイン「jquery.mobilePhoneNumber」 電話番号を入力してもらう際に国際電話のケースもあるかもしれません。 その際はjQueryプラグインの jquery.mobilePhoneNumberを利用するとユーザーに安心感を与えられるかもしれません。 via:jquery.mobilePhoneNumber

    jQueryプラグイン サンプル(フォーム系):skuare.net
    ton_nii
    ton_nii 2012/10/17
  • getElementById使用時のobject required エラー

    HTMLの方でちゃんとsIDというフィールドを作ったのに、 <input type="hidden" id="sID" name="sID" /> このgetElementByIdがIEでエラーになるのはどうしてでしょうか。 <script type="text/javascript"> document.getElementById("sID").value = User; 原因を見つけるのに数時間かかりましたが、このポストを見つけた人はもっと早く解決できるかも。 答えはHTMLのロードとJavascriptの実行のタイミングにありました。問題のgetElementById("sID") が呼び出される時にsIDというフィールドがロードされていなければエラーになるというわけです。ということはHTMLのロードを待ってからJavascriptを実行するようにすればいいわけです。例えば、 <s

  • 「識別子、文字列または数がありません」というスクリプトエラー | ハナモゲラボ / 試行錯誤の実験人生

  • 2段階に連動するプルダウンメニューの作り方 [ホームページ作成] All About

    プルダウンメニューを使って閲覧者に何かを選択してもらいたいとき、選択肢の数が多いならプルダウンメニューを2段階に分割して連動させる方法を検討してみてはいかがでしょうか。 1つのプルダウンメニューに含まれる項目数が多すぎると、選択肢の全体が把握しにくくなる上に、望みの項目を探すのも大変になります。2段階にすれば、選択肢を絞り込んで表示させられるために余計な項目を見せずに済み、分かりやすくなるでしょう。 今回は、HTMLで作成した2つのプルダウンメニューをJavaScriptで連動させて、1つの大きな選択機能を作る方法をご紹介いたします。 2段階に連動するプルダウンメニューの使用例 下記は、記事で作成する2段階プルダウンメニューのサンプルです。最初に表示されているプルダウンメニューから何か項目を選ぶと、その選択内容に該当する2段階目のプルダウンメニューが表示されます。お使いのブラウザで直接操

    2段階に連動するプルダウンメニューの作り方 [ホームページ作成] All About
    ton_nii
    ton_nii 2012/10/17
  • JavaScriptを使ってフォーム項目の表示/非表示を切り替えるスクリプト

    こんなことありませんか? フォームの項目が多くなり過ぎてしまい、ユーザーがストレスを感じそうと思う時はありませんか? そんな時、押した項目によってその後の内容を変化させれば 項目が減って見た目もスッキリ・ユーザーの離脱も効果的に抑えられるはずです。 JavaScriptはかなりの初心者なので忘れないようメモしてみました。 【サンプル】例えばお申し込みフォームで… ・【初めて申し込む】を押した時は、「紹介者」入力欄・特典を表示。 ・【2度目以降の利用】を押した時は、「会員番号」入力欄を表示。 利用方法 初めて申し込む 2度目以降の利用 紹介者 紹介された方のお名前を入力してください。 会員番号 会員番号を入力してください。 特典:初めての方は30%オフ! サンプルソース(ラジオボタン) HTML [html] 利用方法 初めて申し込む 2度目以降の利用 紹介者 紹介された方のお名前を入力して

    JavaScriptを使ってフォーム項目の表示/非表示を切り替えるスクリプト
    ton_nii
    ton_nii 2012/10/17
  • 実装が簡単で、フォームの使い勝手を向上させるJS 3種

    Web屋の私がブックマークしているサイト65 | Webクリエイターボックス の、CSSんところにちゃっかり、CSS HappyLife ZERO が載ってて嬉しい>< さて、今回はフォームです。 お問合わせフォームとか資料請求フォームとか、ウェブサイトには結構な確率で何らかのフォームが有るかと思います。 このフォームの使い勝手の良し悪しが、とても重要なのは言うまでも有りません。 でもまぁ、ビミョーなフォームが多いですよね。 気でやり出すと、サーバーサイドに手を加えたりして云々だと大変なので、コストがかかるとかで出来ない場合も有るかも知れません。 しかし、フロントエンドで出来ることも有るので、フォームを実装する際に何事もなかったかのように極々自然と使い勝手が良くなる(だろう)機能を盛り込んだらステキですよね。きっと。 しれっとコーダーが、フォームに今回紹介する機能を実装しておけば「おー!

    実装が簡単で、フォームの使い勝手を向上させるJS 3種
    ton_nii
    ton_nii 2012/10/17