- ベストアンサー
リセット動作を使ってHTMLとJavaScriptで画像を上乗せ表示する方法
- HTMLとJavaScriptを使って、画像を上乗せ表示する方法について説明します。
- リセット処理を行う際に、他の部分の表示が消去されないようにする方法について教えます。
- 具体的な処理コードを示しながら、問題の解決方法を解説します。
- kiara007
- お礼率86% (26/30)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
昔手打ちしていた位しかやっていませんのでそこまで詳しくは無いのですが、とりあえずこちらで試してみました。 たしかに全体が消えますね。 (onclick="rst"の部分の修正の()が無かった部分を追加はしていますが) いくらか試行錯誤しましたが、divで囲んで、これにIDを指定してやってみたところ、 document.write() を document.all('AA').innerHTML = "<img src='baseimage.png'>" に変えてみたら、 おそらくやりたいことが出来たと思います。 write()でもやってみましたが、絵が映らなくなりますね。 divやspanを使うのが正しいかはわかりませんが、こんな感じでした。 以下、一応検証コードを置いておきます。 <html> <head></head> <body> a <form> <input type="button" value="RESET" onclick="rst();"> </form> b <div id='AA'> <!---<script type="text/javascript">---> <script type="text/javascript" language="javascript"> function rst() { //document.write("<img src='./baseimage.png' style='position:absolute;top:100px;left:150px'>"); //document.all('AA').write("<img src='./baseimage.png' style='position:absolute;top:100px;left:150px'>"); document.all('AA').innerHTML = "<img src='./baseimage.png' style='position:absolute;top:100px;left:150px'>"; } </script> </div> c </body> </html>
お礼
ご回答をお寄せいただきありがとうございます。 すごいです。私も目的を達成できることを確認しました。 改めて感謝いたします。