자바스크립트로 table 셀병합 질문드립니다( IE 호환성보기 ) 도와주세요ㅠ

Question

안녕하세요 90년대 후반에 만들어진 웹을 운영 및 개발하는 개발자입니다.이번에 jsp화면에서 변경이 생겨 유동적으로 셀 병합을 해야하는데요 아래와같은 코드를 쓰면 크롬이나 최산 IE버전에서는 문제없이 잘 돌아갑니다하지만 저희사이트는 만든지 오래되어 호환성보기를설정한 IE를 표준으로 잡고 운영중입니다.호환성보기를 키면 IE가 6버전으로 돌아간다하더라구요 그래서그런지 해당스크립트를 onload에 놓고 돌리는데 한 10~20초정도 멈춰있습니다.아래코드를 어떻게 수정해야 성능이 나아질까요?고수님들 도와주세요 부탁드립니다. ps. 프레임안에 들어가있는놈이라 META태그가 안먹습니다. function test(){ var cnt = <%=seonsuKangjaList.size()%>; if(cnt > 1){ for(var i=0;i

초코쪼꼬 · Answer

위 소스를 보니 selector 참조가 너무 많아요. if(i < j) 아래에서 $(&#34;[name&#61;'gubun1']&#34;).eq(i).html()$(&#34;[name&#61;'gubun1']&#34;).eq(j).html()이런것들을 전부 변수로 처리해서 한번만 참조하게하고 변수 값을 가지고 다니면서 condition 태우면 될거 같네요. -- 추가질문이 하나 있어요. cnt라는건 browser에서 한 뷰에 나오는 값까지만 cnt에 포함하는건지 아니면overflow에 해당하는 영역까지 전부 처리하는게 cnt에 포함 되는건가요?

포이 · Answer

제가 초보라서그런지 해당질문이 무슨뜻인지 모르겠습니다ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡcnt라는건 browser에서 한 뷰에 나오는 값까지만 cnt에 포함하는건지overflow에 해당하는 영역까지 전부 처리하는게 cnt에 포함 되는건가요?ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ cnt는 제가 자바쪽에서 가져온 list의 크기를 말합니다원래 table에 한줄씩 쭉 뽑아놓고 그다음에 셀병합을 진행하려고 한건데 처음에 테이블이 생성될때 for문을돌려 cnt의 크기만큼 tr을 작성하고있습니다.

포이 · Answer

수송대원님 말씀대로 변수처리하여 작업하겠습니다 조언 감사합니다

isNotEmpty · Answer

그놈의 호환성보기.... ㅠ진짜 프로젝트하면서 제일 열받았던 것 같네요. 과거 브라우저에도 맞춰달라는 요청이 정말 힘들었습니다. 제가 예전에 만든 셀병합 소스입니다.어떻게 셀병합을 원하시는 지 모르겠지만, 그리고 도움이 될지 모르겠지만 참조 예제와 파일 남겨드릴께요. 블로그(소스다운로드) : http://toyuq.tistory.com/251 예제 : http://toyuq.woobi.co.kr/dev/tableMerge.html ---------------블로그 링크 수정했습니다.

초코쪼꼬 · Answer

우선 아래 질문은 무시하고서라도.. selector 참조만 해결해도 속도개선은 될거 같아보입니다.

포이 · Answer

isNotEmpty 님 답변 감사합니다제가 안되서 계속 찾다가 찾은 자료인데 딱 제가 원하던 셀병합이었는데 호환성보기를하면 안먹더라구요 ㅠ답변달아주셔서 정말 감사해요ㅠ

포이 · Answer

수송대원님 말씀대로 변수처리해서 작업완료했습니다.이제 한 10초정도걸립니다 ㅜㅜ호환성보기가 진짜 스트레스받게하네요 ㅜㅜ

자바스크립트로 table 셀병합 질문드립니다( IE 호환성보기 ) 도와주세요ㅠ

7개의 답변

#tr 목록