HTML5 TABLE 접근성 2016. 11. 11. 17:57 - 진징 Front/JavaScript 이 글의 ID로 URL 전환 /* table caption 입력 */ $(".table_wrap").each(function(){ if (!$(this).find("caption").length){ $(this).find(".table").prepend("<caption class=\"caption\"></caption>"); } var txtSum = []; if ($(this).find("thead").length) { $(this).find("thead th").each(function(){ txtSummary = $(this).text(); txtSum.push(txtSummary); }); } else { $(this).find("th").each(function(){ txtSummary = $(this).text(); txtSum.push(txtSummary); }); } var txtDiv = txtSum.join(', '); var tit_tab = " " + $(".tab_menu a.on").text(); if ($(this).find(".tit").length){ var txt_tit = $(this).find(".tit").text(); $(this).find("caption").text(txtDiv + " 순으로 구성되어 있는 " + txt_tit + tit_tab + " 목록입니다."); } else { var tit = $("#contentBox h3").text(); $(this).find("caption").text(txtDiv + " 순으로 구성되어 있는 " + tit + tit_tab + " 목록입니다."); } }); /* [end]: table caption 입력 */ 공유하기 게시글 관리 프프프 'Front > JavaScript' 카테고리의 다른 글 문자열 존재 확인 (0) 2016.12.12 최대값, 최소값 구하기 (arr sort) (0) 2016.11.15 변수 추가하기 (0) 2016.11.09 유튜브 재생 제어 (0) 2016.10.31 이벤트 버블링 (0) 2016.10.28 댓글 트랙백 공유 카테고리의 다른 글 일반 소셜 댓글 로드 중… 트랙백을 확인할 수 있습니다 트랙백 URL URL을 배껴둬서 트랙백을 보낼 수 있습니다 공유하려면 대상을 선택하세요 소셜 트위터 Facebook 카카오스토리 Band Naver Google+ 메시지 카카오톡 Line 기록 Pocket Evernote 카테고리의 다른 글 목록 2016.12.12 문자열 존재 확인 2016.11.15 최대값, 최소값 구하기 (arr sort) 2016.11.09 변수 추가하기 2016.10.31 유튜브 재생 제어 검색 다른 글 더 보기 모든 글 보기 Front/JavaScript 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다
/* table caption 입력 */ $(".table_wrap").each(function(){ if (!$(this).find("caption").length){ $(this).find(".table").prepend("<caption class=\"caption\"></caption>"); } var txtSum = []; if ($(this).find("thead").length) { $(this).find("thead th").each(function(){ txtSummary = $(this).text(); txtSum.push(txtSummary); }); } else { $(this).find("th").each(function(){ txtSummary = $(this).text(); txtSum.push(txtSummary); }); } var txtDiv = txtSum.join(', '); var tit_tab = " " + $(".tab_menu a.on").text(); if ($(this).find(".tit").length){ var txt_tit = $(this).find(".tit").text(); $(this).find("caption").text(txtDiv + " 순으로 구성되어 있는 " + txt_tit + tit_tab + " 목록입니다."); } else { var tit = $("#contentBox h3").text(); $(this).find("caption").text(txtDiv + " 순으로 구성되어 있는 " + tit + tit_tab + " 목록입니다."); } }); /* [end]: table caption 입력 */
테이블 scope 속성의 적용 범위 2016. 11. 3. 16:37 - 진징 Front/웹접근성 이 글의 ID로 URL 전환 See the Pen XNrPOp by parkjinhyung (@gutmate) on CodePen. 출처: 웹접근성연구소 공유하기 게시글 관리 프프프 댓글 트랙백 공유 카테고리의 다른 글 일반 소셜 댓글 로드 중… 트랙백을 확인할 수 있습니다 트랙백 URL URL을 배껴둬서 트랙백을 보낼 수 있습니다 공유하려면 대상을 선택하세요 소셜 트위터 Facebook 카카오스토리 Band Naver Google+ 메시지 카카오톡 Line 기록 Pocket Evernote 카테고리의 다른 글 목록 검색 다른 글 더 보기 모든 글 보기 Front/웹접근성 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다
[IE] table 요소에 position과 background 사용 주의 2016. 10. 26. 23:22 - 진징 Front/HTML&CSS 이 글의 ID로 URL 전환 주의!!!table 요소인 th, td에 position과 background속성을 같이 주게 되면 IE에서 border가 보이지 않게 된다. 공유하기 게시글 관리 프프프 'Front > HTML&CSS' 카테고리의 다른 글 [CSS] box-sizing:border-box issue (0) 2016.12.03 반응형 박스 (0) 2016.10.31 <iframe>으로 올린 유투브 동영상 z-index 문제 (0) 2016.10.19 <!doctype> (0) 2016.05.03 말 줄임 (0) 2016.05.02 댓글 트랙백 공유 카테고리의 다른 글 일반 소셜 댓글 로드 중… 트랙백을 확인할 수 있습니다 트랙백 URL URL을 배껴둬서 트랙백을 보낼 수 있습니다 공유하려면 대상을 선택하세요 소셜 트위터 Facebook 카카오스토리 Band Naver Google+ 메시지 카카오톡 Line 기록 Pocket Evernote 카테고리의 다른 글 목록 2016.12.03 [CSS] box-sizing:border-box issue 2016.10.31 반응형 박스 2016.10.19 <iframe>으로 올린 유투브 동영상 z-index 문제 2016.05.03 <!doctype> 검색 다른 글 더 보기 모든 글 보기 Front/HTML&CSS 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다