2016-03-22 27 views
1

私はasp.netで作業しています。私は新しいものです。私は、オブジェクトの履歴を表示する必要があるタスクを与えられています。オブジェクトは多くの場所で転送され、その場所はDBから追跡されます。 current_location列の には、3つの場所があります。1。外側2. 3。内部。3。画像を動的に表示する方法

私がしなければならないことは、ユーザーがオブジェクト履歴をクリックするたびに行うことです。それから3つの画像(outside.png、inside.png、occupied.png)ですべての履歴を表示する必要があります。これは、HTMLやJavaScript、Cは#のみを使用して行う必要があり

Outside.png ->Inside.png->Occupied.png:私は意味

はその後のようなイメージで、その後の歴史が表示されている必要があり占有の内側に第1の目的は、その後外だったと言うことができます。

どのようにすればいいですか?私はそれをするためのロジックが必要なだけですか?

+0

画像は一定の間隔またはクリック後に変更する必要がありますか?プレーンJSのソリューションを探しているか、jQueryを使用することが許可されていますか? – RRR

+0

jqueryを使用することができます。どんな間隔でも画像は変化しません。 ITSは、すべての部門のいくつかの静止画像を表示することによって、オブジェクトの履歴を表示するだけです。各転送のリストはDBから来ます。転送1は外、転送2は内部、転送3は占有、転送4は再び内部にあった。だから、私はeac部門のために3つの画像を持っているでしょう。この場合、私たちはこれを表示しなければなりません:outside.png-> inside.png-> occupied.png-> inside.png –

+0

私はasp.net実現させる。しかし、オブジェクトのtarnsactionのリストは、DBから来ると画像が私によって決定されることを覚えている(私は、現在の場所が外にある場合に私はあなたが私のコードでC#/ js/jqueryで決定する必要があることを意味するoutside.pngを表示する)。 –

答えて

0
string []images = new string [] { "<img src=\"Outside.png\">", "<img src=\"Inside.png\">", "<img src=\"Occupied.png\">" }; 
SqlConnection dbconn = new SqlConnection ("user id=username;" + 
     "password=password;server=serverurl;database=database;" 
     ); //change username, password, serverurl, and database to what you use to connect to your database 
dbconn.Open(); 
SqlCommand command = new SqlCommand ("SELECT current_location FROM TABLE_NAME WHERE THING=",dbconn); //change TABLE_NAME to the name of your table, and change "WHERE THING=" to what you use to specify which thing 
SqlReader reader = command.ExecuteReader(); 
while (reader.Read()) 
{ 
    Response.Write (images [reader.GetInt32(0)]); 
} 
+0

私はウルの答えから何も理解していません。慎重に私の質問をよく読んで、説明全体を答えてください。 –

+0

私が正しいとすれば、ウェブページ内の物の状態を見たいと思う。そして、物事は3つのステータスを持っています:外、内、占領。ステータスをイメージとして表示したいとします。物の状態が変わると、ページを更新する必要なくWebページの画像を変更したいと思っています。だからあなたはajaxが必要です。 check_history.aspxが要求されるたびに、データベースを読み込んでその状態を調べ、 "Outside、png"、 "Inside.png"、または "Occupied.png"のいずれかを出力する必要があります。写真の内容)。 – v7d8dpo4

+0

は絶対に間違っています。 –

関連する問題