WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:フレーム内のフォーム操作を不可に

0:[投稿] ひよし [2003/01/23 13:51 ][環境:IE5,windouw95以上 win2000]

そんな事して意味あるの?というのは無しでお願いします。
上下分割したフレームの下部に表示したフォームの操作ができ
ないようにしたい(ボタンを押したりテキスト入力ができない
ようにすると言う事です)のですが、何か良い方法があったら
教えてください。
以上、宜しくお願いします。


1:[回答] Yachimata [MAIL] [2003/01/23 14:06 ]

<input> 系のオブジェクトは、disabled を与えてやれば操作不可能になりますよ。


2:[質問] ひよし [2003/01/23 15:40 ]

すいません。質問の言葉が足りませんでした。
"disabled"ではIEの場合、ボタン等が通常時とは違った表示に
なりますよね。
フォームの見た目はそのままにしたので、フォームの機能を無
効のにするというよりは対象フレームに対する操作を無効にす
ると言い換えたほうがよいでしょうか。
改めて宜しくお願いします。


3:[回答] Malic [2003/01/23 17:25 ]

フォーカス当たらないようにするとか。
フォーカスが当たったら失う、というように書く。
onFocus="blur()";
などを各項目、ボタン等に記述する。

但し、ラジオボタン、プルダウンに記述できるかは未確認。



4:[回答] ごだっち [MAIL] [2003/01/23 17:30 ]

透明GIF画像をフォームに覆い被せてしまうとか?

<html>
<head>
</head>
<body onFocus="window.top.focus();">
<div id="f" style="position:absolute; left:120px; top:100px; z-index:0">
<form>
<input type="text" size="6">
<input type="button" value="hoge">
</form>
</div>
<div id="g" style="position:absolute; left:100px; top:80px; z-index:1"><img src="spacer.gif" width="200" height="200">
</div>
</body>
</html>


5:[回答] ごだっち [MAIL] [2003/01/23 17:34 ]

ありゃ、確認してみたらプルダウン<select>メニューは、透明画像を被せてさえも、Malicさんの言うとおりに選択できちゃいますね。
...ちょっと困ったかも。


6:[回答] Yachimata [MAIL] [2003/01/23 18:35 ]

なるほど、disabled は不可でしたか。

では、tabindex を -1 に設定するのはどうでしょう。
これで、tabキーでフォーカスが当たるのを防げます。

後は、クリックされた場合ですが・・・
これはかなり微妙ではないでしょうか。
やるとしたらMalicさんのおっしゃるように、スクリプト系になるとは思いますが・・・・


7:[回答] K-Pan [2003/01/23 19:12 ]

もう少し利用意図がわからないとなんとも・・・
スクリーンショットをとって、画像として貼り付ければ?


8:[回答] ぽぽりん [2003/01/24 09:23 ]

テキストはreadonlyに。
ボタンはイベントを書かなかったらOKとか?^^

後はスクリーンショットや画像貼り付けに激しく賛成。^^
動かないプルダウンやラジオボタンに意味が見出せないので。。。


9:[回答] Malic [2003/01/24 09:28 ]

8>> 動かないプルダウンやラジオボタンに意味が見出せないので。。。

もう一方のフレームからは操作できるとか(勘)


10:[完了] ひよし [2003/01/24 10:01 ]

みなさん、いろいろなご意見ありがとうございました。
結局のところ出来なさそうというこで。
ちなみにフォームの操作不能にしたかったのは、
簡単にオンラインヘルプを作りたかったからです。
フレームの上に操作説明を書いて下にファーム画面てな感じで。
そのときにボタンとかいじれてしまうと具合が悪いですからね。
ごだっちさん透過画像を被せるとかは、いけそうな気がしたん
ですが、私もいろいろやってみた結果ダメでした。


11:[完了] Malic [2003/01/24 10:52 ]

そうかな・・ここにある全部の方法組み合わせると、かなり防げますが。
プルダウンも、選択できても値は変えられないというのであれば、
<form name="test" method="get" action="./">
<select name="testselect" onChange="document.test.testselect.value=document.test.testselect[0].value;">
<option value="1">1</option>
<option value="2">2</option>
</select>
こんな手もあるけど。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World