2013-03-30 87 views
0

如果我有一組圖像(按鈕)或甚至只是平面圖像,連續5個,我想實現以下,最簡單的方法是什麼,我可以「T真的找到一個很好的解決方案:ASP.Net 4.0圖像選擇和更改源

  • 上點擊任一圖像,它需要得到一個新的SRC,但有些則需要恢復到原來的狀態。

  • 一天冬氨酸:標籤需要在點擊設置,基於圖像上單擊

  • 做回發,我需要知道哪一個是從這個選擇

Asside,它是asp.net 4.0,所以單引號給了我JavaScript的痛苦。

+0

它的一個大的應用程序。將需要時間。你不是在問一個問題。甚至要求整個應用程序。 –

+0

哦,不,不要這樣解釋它。我沒有要求完成代碼塊。我只是問最好的做法是什麼。 – Pieter

+0

你知道嗎,如何標記答案? –

回答

0

單擊其中一個圖像時,它需要獲得一個新的src,但其他需要恢復到原始狀態。

  1. 首先,您必須創建一個功能,您可以將所有5張圖像設置爲原始狀態。
  2. 然後一定要給每個圖像元素賦予相同的類名稱。
  3. 那箱子,將根據類名火象

    $(".classname").click(function(){ 
    
        //first call the function which will set all 5 images to original state. 
    
        //then change the source of the current image. onwhich user has clicked as below: 
    
        $(this).attr("src","new source"); 
        // here you can store the id of current image in a variable to keep the record which images have been clicked 
        }); 
    
  4. 功能後

一天冬氨酸:標籤需要在點擊設置,基於圖像上單擊

你可以輕鬆設置上述功能中的Asp:Label。如果您熟悉JavaScript代碼。它太簡單了,無法設置。

做回發,我需要知道哪一個是選擇

創建的兩個步驟完成得到他們的自我第一function休息一下之後。

in above function您已保存用戶點擊variable的圖像的ID。

postback您可以輕鬆地保存varibale's數據hiddenfield或指定給靜態varibale或什麼都你喜歡的方式。

最後您可以在code behind訪問它。

如果我必須做這件事。我會按照上述過程。它的過程非常簡單快捷。一切都可以在客戶端完成。

你覺得呢?

+0

我開始使用JavaScript,但遇到asp.net 4.0無法處理單引號。我知道我可以寫我自己的htmlwriter,但想知道這是否是要走的路。 在上面的解決方案中,我擁有最多的東西,無論是否是最好的做法,都在JavaScript中執行此操作......但是,我肯定會重試此設置,因爲它似乎確實是一種快速方式。謝謝您的意見! – Pieter

+0

你的意思是「asp.net 4.0不處理單引號」?請提供代碼。順便說一句,你問了「最佳做法」。我曾經給你最好的方式來完成這項工作。休息取決於你,你在代碼中遇到了一些問題。如果我的回答可以幫助你(而不是代碼)。然後將其標記爲答案。它可以幫助他人。 –

+0

你應該用javascript來做。這種工作需要客戶端的實現。如果你會嘗試在服務器端。思考,去做和看待肯定是不現實的。 –