कोई लिंक कैसे बनाएं जिसमें एक छवि और टेक्स्ट हो?

Question

मुझे एक एएसपी.NET पृष्ठ के लिए एक लिंक बनाने की आवश्यकता है जिसमें छवि & टेक्स्ट है, जो क्लिक होने पर वेबसर्वर पर एक ईवेंट ट्रिगर करेगा।

<a id='PdfLink' href='#'> 
    <img src="App_Themes/.../Images/PDF.gif" alt="Click for fact sheet PDF"/> 
    <span>Latest Performance</span> 
</a> 

समस्या के साथ:

यह वही लिंक की तरह अगर मैं ASP.NET के साथ काम कर रहा था लगेगा के लिए HTML है:

यह वही लिंक देखना चाहिए की तरह है यह है कि मैं इसे क्लिक करने और सर्वर-साइड इवेंट ट्रिगर करने में सक्षम होना चाहता हूं, लेकिन मुझे नहीं पता कि मैं सादे पुराने HTML नियंत्रणों के साथ ऐसा कर सकता हूं या नहीं।

ASP.NET के साथ मैं इस तरह के ImageButton & हाइपरलिंक के रूप में विभिन्न नियंत्रण देखते हैं कि देख सकते हैं, लेकिन मैं नहीं दिख रहा है कि कैसे मैं एक ही क्लिक करने योग्य नियंत्रण के हिस्से के रूप में एक हाइपरलिंक & एक ImageButton हो सकता है।

सर्वर-साइड कार्यक्षमता से जुड़ी छवि के समान लिंक प्राप्त करने का सबसे अच्छा तरीका क्या है?

<asp:LinkButton ID="LinkButton1" runat="Server" OnClick="ButtonClick_Event">Text</asp:LinkButton> 
<asp:ImageButton ID="ImageButton1" runat="Server" ImageUrl="image.gif" OnClick="ButtonClick_Event"></asp:ImageButton> 

फिर आप एक कस्टम सर्वर या उपयोगकर्ता नियंत्रण उन नियंत्रणों को संपुटित करने के लिए लिख सकता है इसलिए वे केवल बेनकाब:

Answer 1

आप की तरह कर सकते हैं ..

<asp:LinkButton ID="LinkButton1" runat="server" 
Text="<img src='App_Themes/.../Images/PDF.gif' /> PdfLink"></asp:LinkButton> 

Answer 2

क्या आप एएसपी में करने के लिए नेट आप इस तरह कुछ करने के लिए आवश्यकता होगी चाहते हैं ऐसा करने के लिए वे गुण जिन्हें आप एक बार सेट करना चाहते हैं, जैसे ईवेंट पर क्लिक करते समय।

Answer 3

मैं नियंत्रण का एक मिश्रण का उपयोग करके ऐसा नहीं होता।

मैं एक <asp:LinkButton> नियंत्रण

<asp:LinkButton id="LinkButton1" runat="server" OnClick="ButtonClick_Event" CssClass="latest-performance">Latest Performance</asp:LinkButton> 

का उपयोग तब मैं CssClass "नवीनतम प्रदर्शन" लिंक अप शैली का प्रयोग करेंगे होगा।

उदा।

.latest-performance{ 
    display: block; 
    padding-left: 20px; 
    background: url(url-to-the-pdf-icon) no-repeat left center; 
} 

आप शैली आपको क्या चाहिए के साथ फिट करने के लिए tweek करना होगा, लेकिन यह मूल रूप से आप क्या जरूरत के रूप में बिल्कुल वैसा ही दिखेगा। यह आपके कोड को भी साफ रखता है, और शैली को अलग करता है।

Answer 4

आप ऐसा कर सकते हैं, यह उत्तर सही है।

<asp:HyperLink ID="hyperlink1" runat="server" NavigateUrl="Default.aspx" Target="_parent"><img src="Images/1.jpg"/>click</asp:HyperLink> 

Answer 5

<a href="../default.aspx" target="_blank"> 
<img src="../images/1.png" border="0" alt="Submission Form" /> 
    <br /> 
<asp:Literal ID="literalID" runat="server">Some text</asp:Literal></a> 

इस का लाभ यह है कि एएसपी है: शाब्दिक हल्के है। आप एएसपी के अंदर पाठ को प्रोग्रामेटिक रूप से बदल सकते हैं: शाब्दिक, literalID का उपयोग करके। पीछे कोड में अगला, यदि आपको आवश्यकता है। मुझे यह पसंद है क्योंकि आपको केवल एक साधारण टैग के अंदर एक ही नियंत्रण का उपयोग करने की आवश्यकता है। आप जो भी href, लक्ष्य, और img चाहते हैं उसे दे सकते हैं। उम्मीद है की यह मदद करेगा।