수다닷컴

■ 발생 문제에 대한 자세한 기술:
아이디 중복체크를 위한 팝업 화면이 다음과 같이 뜹니다. 팝업의 소스는 첨부 파일로 올렸습니다.

첨부한 파일의 소스중 일부분을 발췌한 부분입니다.
li class= 공백 또는 특수문자가 포함된 아이디는 사용할 수 없습니다./li
li class= 숫자로 시작하거나, 숫자로만 이루어진 아이디는 사용할 수 없습니다./li
li class=displaynone 는 사용 가능한 아이디입니다. /li
li class=displaynone 는 이미 사용중인 아이디입니다. /li
li class=displaynone 는 탈퇴한 아이디입니다. /li
최초에는 위의 2개 li만 보여집니다.id를 입력하고 사용가능하면 3번째 것만, 중복이면 4번째 것만, 탈퇴한 id이면 5번째 것만 보여지게 되더라구요
위의 동작을 하기 위해서, script 에서 어떻게 조작하는 것인지 너무 궁금합니다.ㅠㅠ고수님들 좀 도와주세요~
현재 생각.css파일에 .displaynone {display:none}으로 정의해 둔다.ajax script에서 데이터를 수신 성공하면 (데이터는 [1]사용가능 [2]중복 [3]탈퇴라고 가정함.) 일단 첫 번째, 두번째 li의 class에 displaynone을 할당한다.그리고, 값에 따라서 해당하는 li태그의 class를 지워준다. 그런데, 코드로 표현을 하자니 잘 안되네요.
아이디중복체크팝업창을 호출한 부모 페이지안에 다음 코딩부분을 넣으려고 합니다.script --생략-- if ( xmlhttprequest.readyState == 4 && xmlhttprequest.status == 200 ) { // 여기서 도대체 어떻게 li태그를 핸들링 하는 것인지 모르겠습니다.ㅜㅜ } --생략--script위 부분에서 어떻게 li의 3번째 4번째 5번째를 css문법으로 접근해야 하는지 잘 모르겠습니다.도움 부탁드립니다~

신청하기