런타임 중에 텍스트 상자에 대한 backgroung 이미지 선택 C#, asp.net

webform iam에서 하나의 텍스트 상자를 배치 했으므로 런타임 중에 해당 텍스트 상자에 대한 배경 이미지를 선택하려고합니다. C#, ASP .NET으로 코딩해야합니다.런타임 중에 텍스트 상자에 대한 backgroung 이미지 선택 C#, asp.net

출처

2009-12-12 indu

CSS를 사용하여 배경 이미지와 자바 스크립트를 설정하여 변경할 수 있습니다. 다음은 예입니다 :

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ToDDDD._Default" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
    <title></title> 
    <style type="text/css"> 
    input 
    { 
     background-image: url(/initialImage.png) 
    } 
    </style> 
    <script type="text/javascript"> 
     function changeImage() { 
      document.getElementById('txt').style.backgroundImage = 'url(/newImage.png)'; 
     } 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:TextBox ID="txt" runat="server" /> 
     <a href="#" onclick="changeImage();">Change background image</a> 
    </div> 
    </form> 
</body> 
</html>

출처

2009-12-12 12:10:34

당신이 배경에 사용할 이미지의 제한된 번호가있는 경우 그것은 아마 당신이 프로그래밍 방식으로 하나 다음 CSS와의 별도의 클래스로 각각 정의하는 깨끗한 것 자바 스크립트 또는 C# 입력 클래스를 변경합니다.

<style> 
.image1 { background-image: url(/image1.png);} 
.image2 { background-image: url(/image2.png);} 
.image3 { background-image: url(/image3.png);} 
</style>

당신이에서를 Page_Load 당신이 페이지의 당신은이를 작성할 수 있습니다

txtBox1.CssClass = "image1에를";

또는 JavaScript를 이용 :

document.getElementById를 ('<% = txtBox1.ClientID %>')의 setAttribute ("클래스", "이미지 2").

출처

2009-12-12 17:01:19 cfbarbero

런타임 중에 텍스트 상자에 대한 backgroung 이미지 선택 C#, asp.net

답변

관련 문제