VIDTAKER.COM

Q&A

画像を表示するボタンが押される - ASP.NET回答


こんにちはみんな、

ちょうど迅速かつ簡単な質問:

私は読み込んでイメージするときに押されて、送信ボタンを表示することとしている。

基本的に何があるこの段階では、asp:イメージの可視性がfalseに設定されて、ボタン画像の視認性のonclick関数で切り替えることができます。

これは良いしかし、ボタンのonclick関数であるにも物の多くを読み込むために、画像の可視性の変更は更新されません必要なすべてのstuffsがサーバーに読み込まれページがリロードされる完了するまで、どの使用しています"読み込みイメージ"無意味なの。

方法があるイメージが直後にボタンが押されて更新することはありますか?そこには、非常に一般的なのでする必要があります...

乾杯、



ビリー



4 Replies

1)

ごイメージすると、それを呼び出すコードを表示するコードを作成。

- Frinny

2)

あなたはサーバー側のコード(例えばCを使用して非表示読み込んで画像を表示しようとした場合にだけ不思議#またはVB.NET)。そして、あなたはサーバー側でそれを行う場合、それは意味をなさないと述べた。

実際には、すべてこれはクライアント側(JavaScriptを使用して、すなわち)で行われる必要があります。物事をシンプルにしてみましょう:まず、読み込み画像をユーザの観点から非表示にします。すべての必要があるのサイドまたはプロパティサーバー側の可視しないで 、それによって設定は、クライアントに送信される)読み込んでのレンダリング画像をしないことがすなわち(。 JavaScriptによってできるように更新される可視性は、その、使用するCSSスタイルルール(すなわち、"表示:なし")の代わりに。

第二に、)すなわち、OnClientClickプロパティ (側のonclickイベント JavaScript文を示して読み込んで画像をボタンのクライアント接続します。

ここでは)いくつかの簡単な例はButton1をのイメージの読み込み検索するに聞かせてJavaScriptを(使用してどのように表示/非表示画像を、ボタン:

  1. // To show
  2. document.getElementById("Image1").style.display = "block";
  3. // To hide
  4. document.getElementById("Image1").style.display = "none";
  5.  
ケースみよう私たちに戻る:ためにASP.NETでの動作は確認、あなたにコードを記述する必要があります(1)Visibleプロパティ)(プロパティを非表示にロードイメージを設定により、そのCSSスタイルしない(2)attach必要ボタンのクライアント側のonclickイベントにJavaScriptの文。ているすべてのこれらのハンドライベントをPage_Loadすることが行わています。例えば

  1. protected void Page_Load(...)
  2. {
  3.    if (!Page.IsPostBack)
  4.    {
  5.       // Hide the loading image initially
  6.       Image1.Style["display"] = "none";
  7.  
  8.       // Attach JavaScript to the button's client-side onclick event
  9.       Button1.OnClientClick = 
  10.          "document.getElementById('" + Image1.ClientID + "').style.display = 'block'";
  11.    }
  12. }
  13.  
これがすべてです。あなたが再ボタン後の画像を非表示にクリックされたときは必要ありません。クライアント側で読み込んでイメージのスタイルプロパティへの変更がサーバーに表示されません。したがって、イメージがリロード後たびに非表示になります。

そして、それはイメージです読み込みIDの側に重要なために使用Image1.ClientID、 クライアントが正しいに取得します。マスタページが使用されている場合または、コードは動作しません。

提案
あなたはより複雑なシナリオを実装したい場合は、読み込み画像を表示などのAJAX技術をお試しください一時的に無効ページ全体が。 AJAXは仕事よりシンプルで、いつかコードレスになります。

3)

こんにちはみんな、

協力いただきありがとうございます。

私は、サーバー側でそれを実行しようとしましたが、クライアント側でそれをやって問題を解決する:)。

乾杯、



ビリー

4)

おかげで私も同じ答え.......:)大の....仕事を探していた


感謝
バーラトレッディVasiReddy