팁스토리, Tips

모바일 화면단 강제로 가로모드로 변환하기 (실제 가로모드로 변경했을 때의 화면단과 동일하게 보여짐)

1. onblur : 모두 입력 후 포커스를 벗어났을 때 처리됨 2. onkeyup : 입력할 때마다 처리됨 예제1 - 공백 포함 모든 특수문자, 한글, 영문 제거 예제2 - 공백을 제외한 모든 특수문자, 한글, 영문 제거

■ HTML 팝업 모달창 div 띄우기 ■ 사용법 > HTML [닫기] 닫기 클릭 시 하기와 같이 자바스크립트(JavaScript) 또는 제이쿼리(JQuery)로 팝업창(div) 닫는 기능 구현가능 > JavaScript > JQuery

파비콘? 웹페이지에 접속했을 때 상단 탭에 보여지는 아이콘으로 해당 웹페이지 즐겨찾기 등록 시에도 사용됨 하기 태그 영역에 삽입

img 태그에 사용한 이미지의 링크가 존재하지 않아 흉하게 보이는 경우 유용하게 사용할 수 있는 onerror 이벤트를 이용한 몇가지 처리 방법 1. 대체 이미지 노출 ( 예시. 네이버 로고로 대체 ) 2. 숨기기 3. DOM 자체를 삭제 ( IE에서는 removeNode() 함수를 사용해야 함 ) 4. 함수사용 * 대체 이미지도 없으면 무한 루프에 걸린다.

■ HTML a태그 onclick event (클릭 이벤트) anchor / a태그 구글 gtag ■ 사용법 a태그 클릭 시 href 막기 (href가 동작하긴 하지만 사실상 동작을 안 하는 것처럼 보임) onclick 이벤트를 사용하여 a 태그 클릭 시 스크립트 실행 a 태그 클릭 시 onclick() 함수도 실행된 후 href 설정된 경로로 이동하기 (target="_blank" 새창으로 띄워짐) a태그 내 href와 onclick 모두 구현되어 있을 경우 onclick 이벤트가 먼저 실행된 후 href 가 실행됨 * onclick()가 실행된 후 onclick 이벤트의 리턴값이 true일 경우 href 경로로 이동이 되며, false일 경우 href 경로가 설정이 되어 있어도 이동이 되지 않음

속성 설명 src 프레임 내에 삽입할 파일의 이름 또는 주소를 표시한다. name 프레임 내에 이름을 지정 (링크 시 target 지정할때) align left, center, right 정렬을 한다. border 테두리의 두께가 숫자만큼 두꺼워진다. bordercolor 테두리의 색상을 바꾼다. frameborder 창의 경계선(두께)의 지정시 1 이면 경계선이 나타나고 0 이면 경계선이 없어진다ㅐ. framespacing 인접한 창들의 간격 height iframe 의 창의 높이를 조절한다 width iframe 의 창의 너비를 조절한다. marginheight iframe 내부의 창의 상하 여백 marginwidth iframe 내부의 좌우 여백을 나타낸다. topmargin 상단의 공백 scoll..

■ HTML 테이블(TABLE) 속성 ● table ,tr, td 공통 속성 width table ,tr, td 넓이 height table ,tr, td 높이 bgcolor table ,tr, td 바탕색 background table ,tr, td 배경이미지 align table ,tr, td 수평정렬 valign table ,tr, td 수직 ● table~ /table 에만 있는 속성 border 테이블 경계선 두께 bordercolor 테이블 경계선 색상 bordercolorlight 테이블 경계선 색상의 밝은 부분 bordercolordark 테이블 경계선 색상의 어두운 부분 cellpadding 열(셀) 내부에서의 내용물이 경계선으로부터 떨어져야 할 여백 cellspacing 각 열(셀) 들..