| WaterMarketText.htm |
| 간단설명) <!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> <title>WaterMarketText</title> <script src="../../jsp/jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script> <style type="text/css"> .water { color:Silver;} </style> <script type="text/javascript"> $(document).ready(function () { //로드 텍스트 박스를 클래스 적용 $('#txtUserID').addClass("water"); //레이블의 값을 워터텍스트 값 가져옴 var watermakedText = $('#lblUserID').remove().text(); $('#txtUserID').val(watermakedText) .focus(function () { if (this.value == watermakedText) { $(this).val(''); //텍스 입력 가능하도록 $('#txtUserID').removeClass("water"); //텍스트 입력시 제거 } }) .blur(function () { if (this.value == '') { $(this).val(watermakedText); //아이디 지정하지 하지 않으면 $('#txtUserID').addClass("water"); } }); //전송시 값 입력하시지 않으면 워터텍스트 초기화 $('form').submit(function () { //빈값으로 초기화 if ($('#txtUserID').val() == watermakedText) { $('#txtUserID').val(''); return false; } }); }); </script> </head> <body> <form name="frm" action="WaterMarketText.aspx" method="post"> <label for="txtUserID" id="lblUserID">아이디 입력하시오</label> <input type="text" name="txtUserID" id="txtUserID" /> <input type="submit" value="전송" /> </form> </body> </html> |
| WaterMarketText.Aspx.Cs |
 |
WebJQuery.rar'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 59장 JQueryAjax getjSON활용 페이지 로드 (JQuery.getjSON) (0) | 2009.11.13 |
|---|---|
| 58장 JQueryAjax HTMLSamplePage ( HTMLSamplePage ) (0) | 2009.11.13 |
| 56장 JQueryEffect 트리 뷰 효과 (TreeView) (0) | 2009.11.12 |
| 55장 JQueryEffect 에니메이션 효과 정지 (Stop) (0) | 2009.11.12 |
| 54장 JQueryEffect 슬라이더 처리 (SlideExample) (0) | 2009.11.12 |