- ベストアンサー
フェードアウト後にテキスト入力する方法は？
- フェードインした画像の下にテキストボックスがありますが、画像がフェードアウト後にそのテキストに入力することはできないようです。
- フェードアウト後にテキスト入力するための回避策はありますか？
- 現在の状態を簡素化したHTMLソースコードが記載されています。
- okinawa157
- お礼率48% (12/25)
- JavaScript
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
＞テキストの上にある為フェードアウト後テキスト入力したいところが ＞多分フェードアウトで見えなくなっている画像が邪魔して入力が ＞できない状態になっています。 どうやらそのようですね。 透明にした時点で、その画像要素（objとします）を obj.style.display = "none"; とか obj.style.visibility = "hidden"; にしてあげれば、下にある要素（input）を編集可能になります。 （z-indexを替えることでも可能と思います。） ただし、表示するときには元に戻すのをお忘れなく。 （戻さないと表示されないままになる）
その他の回答 (3)
- yyr446
- ベストアンサー率65% (870/1330)
No.2様フォローありがとうございます。 質問者様すみません、確かにdisabled属性でした。 ちなみに<input type="text">なら、 readonly属性というのも使えます。 （この場合はサブミットされます。）
補足
複数回の回答ありがとうございました。 もっと自分で調べれるようにjavascriptについて学んでいきます。
- yamada_g
- ベストアンサー率68% (258/374)
No.1さんの回答に1点だけ。 >input要素のdisable属性を使えばよい disabled属性では？
- yyr446
- ベストアンサー率65% (870/1330)
フェードアウト後にそのテキストに入力したい ＝＞フェード中は入力禁止にしたいという意味だとしたら、 input要素のdisable属性を使えばよい。 <input type ="text" disable> function fdOutImg(img) { var input = document.getElementsByTagName("input"); document.images[img].filters['alpha'].opacity = cnt; cnt -= ntc; if(cnt <= 0){ for(var i=0;i<input.length;i++) if(input[i].type === "text") input[i].disable = false; return; } setTimeout("fdOutImg('"+img+"')",spd); }
補足
> フェードアウト後にそのテキストに入力したい > ＝＞フェード中は入力禁止にしたいという意味だとしたら、 せっかく回答いただいたのですが入力禁止をしたいのではないのです。 わかりづらい文章で申し訳ございませんでした。 今回作っているのがシステムの登録のシュミレーションでして、 OnLOADやテキストをonfocus時に画像に注意事項などを書いたものが フェードイン・フェードアウトされるのですが、その画像が入力したい テキストの上にある為フェードアウト後テキスト入力したいところが 多分フェードアウトで見えなくなっている画像が邪魔して入力ができない 状態になっています。 この状態をなんとか回避できたらと思い質問いたしました。
お礼
ありがとうございました。 早速obj.style.display = "none";を使ってみたところ自分の希望している動きをしました。