- ベストアンサー
テーブルのサイズを変更することなく、ボタンをクリックしてテーブル上に画像を載せたいのですが・・・
テーブルの枠内にボタンを載せ、そのボタンをクリックすると、(別窓ではなくて)テーブル内に画像が開く、という動作をつけています。しかし、画像が でかくて、指定したテーブルのサイズを大幅に超えてしまいます。画像のサイズ縮小の指定をする方法以外に、何か方法はないでしょうか？この動作を、HTMLではなくJavaScriptで実行したいのですが・・・。
- sasatomo
- お礼率18% (10/53)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちはsasatomoさん、xruzです。 こんな感じですか？ Ie5.5sp2で動作確認しました。 <html> <head> <title></title> <script type="text/javascript"> <!-- function di(i) { var ia=document.getElementById("ia"); ia.innerHTML="<IMG src='"+i+"'>"; } // --> </script> </head> <body> <table border="1" width="600px"><tbody> <tr><td width="100px"> <table><form><tbody> <tr><td><input type="button" value="IMG 1" onClick="di('a.jpg')"></td></tr> <tr><td><input type="button" value="IMG 2" onClick="di('b.jpg')"></td></tr> <tr><td><input type="button" value="IMG 3" onClick="di('c.jpg')"></td></tr> </tbody></form></table> </td><td> <div id="ia" style="width:500px;height:500px;overflow:auto;"></div> </td></tbody></table> </body> </html> がんばってくださいね(~:~i
お礼
いままではずかしながら、インナーHTMLを 知らなかったです・・・ どうもありがとうございました！！