아이디/비밀번호란에 마우스오버시 칸이 찌그러집니다

아이디/비밀번호란에 마우스오버시 칸이 찌그러집니다 정보

아이디/비밀번호란에 마우스오버시 칸이 찌그러집니다

본문

안녕하세요.

이상하게 마우스 오버시 칸이 찌그러지는 현상이 발생합니다.

링크#1에서 확인가능합니다.

onMouseOver 효과를 보니 아래와 같이 스크립트 chkReset(this.form); 이 실행되게 되있습니다.


<tr> 
            <td height="23" colspan="2" align="center">
            <input name="mb_id" type="text" size="12" maxlength="18" required itemname="아이디" value="아이디" onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);' class="loginplus_input" style="width:101;height:20;background-color:#636363;border:0px solid #E1E1E1;color:#ffffff;">            </td>
          </tr>
          <tr> 
            <td id=pw1 height="23" colspan="2" align="center" style="padding-left:0px;">
            <input type="text" size="12" maxlength="12" required itemname="PASSWORD" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);' class="loginplus_input" style="width:101;height:20;background-color:#636363;border:0px solid #E1E1E1;color:#ffffff;">            </td>
            <td id=pw2 style='display:none; padding-left:0px;' height="23" colspan="2" align="center">
            <input name="mb_password" type="PASSWORD" size="12" maxlength="18" itemname="PASSWORD" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);' class="loginplus_input" style="width:101;height:20;background-color:#636363;border:0px solid #E1E1E1;color:#ffffff;">            </td>
          </tr>

해당 스크립트 내용은 아래와 같습니다.


<script type="text/javascript" language=JavaScript>
var bReset = true;
function chkReset(f) 
{
    if (bReset) { if ( f.mb_id.value == '아이디' ) f.mb_id.value = ''; bReset = false; }
    document.getElementById("pw1").style.display = "none";
    document.getElementById("pw2").style.display = "";
}
</script>

무엇이 잘못되었을까요? 고수님들의 조언 부탁드립니다.

복사
공유하기

댓글 전체

잭에프론 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

10.07.31 17:32:24

<td id=pw2 style='display:none; padding-left:0px;' height="23" colspan="2" align="center">
여기에도 width를 지정해주세요~ height 는 20으로 수정해주시구요 ㅋㅋ

ReSharp 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

10.07.31 20:07:54

답변은 감사하나 전혀 엉뚱한 곳을 짚으셨네요..
멀쩡한 높이 수정하면 오히려 더 깨지고 td역시 상위 테이블에 의해 크기는 고정됬습니다.

저 input 태그에 문제가 있거나 스크립트에 문제가 있을 듯 합니다.

잭에프론 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

10.08.01 00:03:08

죄송합니다 제가 너무 성급히봤네요. 참고로 크롬에서는 문제없이 잘되네요..
ReSharp님 소스를 다시보니 문제가 없는거 같아서
제가 소스보기로 급하게 따라 만들어봤는데
http://hosting.ohseon.com/dappil/test/html.html
이게 또 문제없이 잘됩니다.. 어디 다른곳이 문제인거같은데 한번 찾아봐야겠네요