'TextBox'에 해당되는 글 3건

  1. 2011.06.20 ASP.NET Texbox에 포커스 이동시 팝업창 띄우기
  2. 2011.05.16 ASP.NET TextBox의 텍스트 전체 선택
  3. 2010.08.19 HTML Text의 영문을 대문자로 변경
2011.06.20 19:31

ASP.NET Texbox에 포커스 이동시 팝업창 띄우기

1. 팝업창을 띄우기 위한 javascript를 aspx파일에 작성

axpx 파일
function CheckId() {
    window.showModalDialog("CheckID.aspx", window, "dialogWidth:410px; dialogHeight:258px;status:no; scroll:no;help:no;unaborned:no");
}


 2. Code Behind에서 Textbox에 javascript 연결

axpx.cs (code behind)
protected void Page_Load(object sender, EventArgs e)
{
    txtUserId.Attributes.Add("onFocus", "CheckIdl()");
}


[참조] Change Textbox/Input background color on focus
Trackback 0 Comment 0
2011.05.16 16:06

ASP.NET TextBox의 텍스트 전체 선택

ASP.NET 프로그래밍을 하다보면 텍스트박스의 텍스트를 전체 선택해야 할때가 있다.
예를 들어 로그인 창에서 로그인 검사 후 비밀번호가 잘못 되었을 경우 비밀번호가 일치하기 않습니다라는 메시지와 함께 비밀번호 텍스트박스의 텍스트를 전체 선택과 같은...

ASP.NET에서는 자체 메소드를 제공하지 않고 자바스크립트를 이용해서 구현이 가능한다.
ASP.NET의 코드 비하인드의 Page_Load 메소드에 다음 코드를 이용하면 된다.

protected void Page_Load(object sender, EventArgs e)
{
	TextBox1.Attributes["onfocus"] = "javascript:this.select();";
}

이를 응용해서 만약 마우스 오버가 일어났을 경우 텍스트 박스에 포커스를 주고 싶을 경우 다음 코드를 이용할 수 있다.

protected void Page_Load(object sender, EventArgs e)
{
	TextBox1.Attributes["onmouseover"] = "javascript:this.focus();"; 
}


[출처] Select All Text in ASP.NET Text Box

Trackback 0 Comment 0
2010.08.19 17:22

HTML Text의 영문을 대문자로 변경

HTML에서 Textbox의 영문을 대문자로 변경하는 방법으로 스타일시트의 text-transform을 사용하면 된다.

스타일시트

.uppercase
{
 text-transform: uppercase;
}


사용법
<input type="textbox" .... class="uppercase" />


여기서 주의할 점은 보여지기만 대문자로 보여질뿐 실제 내용은 소문자로 유지된다. 따라서 실제 데이터를 처리시 대문자로 바꿔줘야 한다.
Trackback 0 Comment 0