No.31 メールフォームのJava Script制御について
度々お邪魔しています。こんにちわ。かのうです。
もうひとつ教えていただいてもいいでしょうか？
メールフォームのJava Script制御についてです。
よく設問の解答をラジオボタンで選択するようにし、その回答の中で「その他」という項目のあとにテキスト入力欄があるフォームがありますが。
そのテキスト入力欄を「『その他』を選択したときのみ必須項目として未入力チェックをかける」にはどうしたらいいんでしょうか？
また、「その他」を選択しないときはそのテキスト入力欄を表示させたくありません。
「『その他』選択時のみ表示させる」にはJava Scriptでどうしたらいいでしょうか？
お忙しいところ恐れ入りますが、ご教授いただければ幸いです。
かのう 2003/11/6 (THU) 19:57:13
No.32 Re:メールフォームのJava Script制御について
> よく設問の解答をラジオボタンで選択するようにし、その回答の中で「その他」という項目のあとにテキスト入力欄があるフォームがありますが。
>そのテキスト入力欄を「『その他』を選択したときのみ必須項目として未入力チェックをかける」にはどうしたらいいんでしょうか？
入力チェック時に、目的のラジオボタンの値が「その他」かどうかをトリガーにして、テキストボックスへのチェックがかかるようにすれば出来ます。
> また、「その他」を選択しないときはそのテキスト入力欄を表示させたくありません。
>「『その他』選択時のみ表示させる」にはJava Scriptでどうしたらいいでしょうか？
これには複数の方法があります。
１．スタイルシートを使う
スタイルシートで存在を表示させないようにしておき、「その他」がオンになったときにプログラムを呼び出し表示させ、オフになったときに消えるようにする。
消し方は、テキスト入力欄のプロパティのdisplayかvisibilityの値をいじる方法がありますが、お好きなほうでかまいません。
２．DOMの構造にアクセスする
これはいくもさんが得意にしている方法ですが、「その他」がオンになったときに構造木にテキスト入力欄
を生成し追加し、オフになったときに切り離すという方法です。
※どちらにしろ<noscript>でテキスト入力欄を予備に作っておくことをお勧めします。
そうしておけば最悪JavaScriptが無効の時も表示されます。
※ほかにも入力欄を入力不可状態にするという手もあります。
以上です。
これもちょっと難しいかもしれません。
サンプルを作ったほうがよろしいでしょうか？
AK@管理人 2003/11/7 (FRI) 19:04:10
No.33 Re:Re:メールフォームのJava Script制御について
>入力チェック時に、目的のラジオボタンの値が「その他」かどうかをトリガーにして、テキストボックスへのチェックがかかるようにすれば出来ます。
「Q.項目をひとつ選択してください。その他の場合にはその具体例を入力してください（必須）」のような設問にする場合は、まずラジオボタンが項目の中のひとつを（必ず）選択していることをチェックした後にその他の場合のテキストチェックをするように組むんですか？
……すいません。まったくJava Scriptには詳しくないもので（^^;
>１．スタイルシートを使う
上記の場合はN4.xの場合画面が崩れる可能性はありませんか？
>２．DOMの構造にアクセスする
>※ほかにも入力欄を入力不可状態にするという手もあります。
ちなみに2.と※の方法ではどちらが簡単にできますか？
個人的には「入力不可能状態にする」というのに非常に興味があります。
>サンプルを作ったほうがよろしいでしょうか？
お忙しいところ申し訳ありませんが、できましたらお願いします。不慣れなもので申し訳ないです。
かのう 2003/11/10 (MON) 15:44:29
No.34 Re:Re:Re:メールフォームのJava Script制御について
サンプルはこのBBSのLibraryのFAQに追加しました。
> 上記の場合はN4.xの場合画面が崩れる可能性はありませんか？
サンプルをご覧になればわかると思いますが、崩れませんが表示制御が作動しません。サンプル2の様に無理矢理やる方法もありますがお勧めできませんので、幅広い訪問者を想定する場合はこのような仕掛けは使わないほうが賢明です。
> ちなみに2.と※の方法ではどちらが簡単にできますか？
※のほうです。ただ、どちらもN4対策が必要になるでしょう。
以上です。
またお気軽にどうぞ！
AK@管理人 2003/11/11 (TUE) 03:46:21
No.35 [ 解決 ] Re:Re:Re:Re:メールフォームのJava Script制御について
>サンプルはこのBBSのLibraryのFAQに追加しました。
お忙しいところありがとうございました。
拝見させていただきましたが、さまざまなパターンのものを作成していただいたようで恐縮です。
早速参考にさせていただいてがんばってみます。
かのう 2003/11/11 (TUE) 14:35:22
No.21 DOM
いくも＠出直しです。
モバイル/PC共用のページを作るために
DOMを使うことと画策してます。
現時点では、spanにclassを設定し、
・DOMを解釈できなければspan内のテキストを表示し
・DOMを解釈できたらclassに書いたファイル名の
imgをspan内に作り、span内のテキストをaltにする
というやり方をとっています。
サンプルを、urlに載せています。
（トップページサンプルのみで、
中身は作っていません）
JavaScript自体、ふだん全く使っていないので
どのブラウザでもうまく動くのかは
わからないのですが、
お時間のあるときにご覧いただいて
アドバイスをいただけると幸いです。
いくも 2002/10/28 (MON) 02:41:08
Url
No.22 Re:DOM
スゴイです！
DOMネイティブのスクリプトを組むとこんなにすっきりするんですね〜、クラス名＝画像ファイル名のアイデアもなかなかです。こちらも勉強になります。
Winだけの確認ですがハイエンド（IE6NN6以上）とローエンド（テキスト系やN4）のブラウザではうまくいっています。中途半端なブラウザだと（Opera6.05 PS2のNetfront3.0)CSSファイルのみが反映されタイトル画像が無いのでちょっと寂しい感じですが、閲覧自体に影響はありません。
またいろいろ実験したらぜひ書きこんでくださ〜い
No.23 Re:Re:DOM
お返事ありがとうございます。
>DOMネイティブのスクリプトを組むとこんなにすっきりするんですね〜
HTMLのソース部分を短くするようには
心がけました。
これならば、
iモードなどでも見ることができますし、
共用にすることで、
ページの更新作業が楽になると思います。
それほど致命的な欠陥がないようならば
どこかのサイトに組み込んでみようと思います。
いくも 2002/10/28 (MON) 20:29:33
Url
No.19 ごめんなさい・・・
ちょっと実験的していたもので
質問したんですが、
かなりの個所で間違いをやらかしていました。
いったん削除して、出直してきます。
ごめんなさい・・・
いくも 2002/10/27 (SUN) 04:11:27
No.20 Re:ごめんなさい・・・
いえいえ、お気になさらずに、うまくいかないときはまた御気軽にどうぞ！
ちなみにMacIE5でバグるので、このエリア（bit-edge）の密かに<h1>タグ等を入れるvalid化計画は見事に頓挫しています（泣）
No.17 投稿者によって削除されました
閲覧できません。
No.18 投稿者によって削除されました
閲覧できません。
