- PR -

イメージを重ねて表示

1
投稿者投稿内容
みらぞー
会議室デビュー日: 2004/10/11
投稿数: 13
投稿日時: 2004-11-25 21:03
いつも勉強させていただいてます。

ASP.NET(C#)でWEB開発を行っている.NET初心者です。
よろしくお願いします。

下記Bの、イメージ上に×印 or ×イメージを重ねて表示する機能で困っています。


<画面構成>
@画面左にDataGrid配置し商品リスト表示。
A画面右にiframeを作成し選択した商品のイメージ表示。
 → 縦横スクロールあり
<機能>
B表示商品に対し「在庫切れ・生産中止・入荷待ち」ボタンを押下することで
 状態切り替え。
 (※ イメージ上に色の異なる×印を表示・非表示する)
Cイメージの縮小/拡大


イメージ表示にはグラフィック関数を使用して表示しており、
イメージ全体(上)に×印を表示(drawline)することはできるのですが、
そうではなく、iframe上(iframeの大きさ)に×印を表示(固定)し、
イメージをスクロールする機能が実現できずに困っています。


良い方法をご存知の方がいらっしゃれば、
ご教授よろしくお願いします。




Jitta
ぬし
会議室デビュー日: 2002/07/05
投稿数: 6267
お住まい・勤務地: 兵庫県・海手
投稿日時: 2004-11-26 21:29
 IFRAMEでは無いですが。IISがインストールされているWindowsXPの、inetpub/wwwroot直下に次のHTMLファイルを作成してください。または、イメージソースを適当に修正してください。ただし、image2は120px以上の大きさを持つもの、image1は透明が指定してあるイメージにしてください。
コード:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>テスト</title>
</head>
<body>
<div id="image2" style="margin:0px; padding:0px; width:120px;
height:120px; display:block; position:relative; overflow:scroll;
z-index:0; top:20px; left:10px">
<img src="winxp.gif" /></div>
<div id="image1" style="margin:0px; padding:0px; width:100px;
height:100px; display:block; position:relative; overflow:hidden;
z-index:1; top:-100px; left:10px">
<img src="warning.gif" /></div>
</body>
</html>


# IFRAMEを使うと、IEでしか見られない、ということで。。。
1行目は改行するとまずかもしれない

_________________
Microsoft MVP for Visual Developer - ASP/ASP.NET (Oct. 2004 - Sept. 2005)

[ メッセージ編集済み 編集者: Jitta 編集日時 2004-11-26 21:29 ]
みらぞー
会議室デビュー日: 2004/10/11
投稿数: 13
投稿日時: 2004-11-29 10:28
Jittaさん

ご教授いただいた内容を参考に、
実現できました。

ありがとうございました
1

スキルアップ/キャリアアップ(JOB@IT)