DEV/HTML

iOS iframe height

iOS 특정 버전에서 iframe이 부모 엘리먼트의 height 보다 커지는 현상이 있음.

select 태그 placeholder 효과

Select your option Durr 출처: stackoverflow.com/questions/5805059/how-do-i-make-a-placeholder-for-a-select-box

파비콘 (바로가기 만들기 깨짐 현상)

1. 192x192 사이즈 / 32x32 사이즈 png 준비. 2. www.xiconeditor.com/ 에서 32사이즈 png -> ico로 변환. 3. www.favicon-generator.org/ 에서 192 사이즈 png -> ico 변환. * 3번 과정에서 다운로드한 favicon.ico 가 육안으로 깨져보일때 2번에서 생성한 favicon.ico로 대체.

input 자동 완성 막기

#부분 자동 완성 막기 //크롬에서 작동 //익스플로러 전용 #Form 자동 완성막기

div onclick 안에서 다른 요소 onclick

23 2를 클릭하면 1출력 후 2가 출력된다. 2만 출력하게 하고 싶은 경우 23 if(event.stopPropagation){event.stopPropagation();}event.cancelBubble=true; 를 넣어주면 2를 클릭했을때 2만 출력된다.

URL 인코딩표

CharacterCodeCharacterCodeⓒ%26%23169;t%74®%26%23174;u%75™%E2%84%A2v%76backspace%08w%77tab%09x%78linefeed%0Ay%79creturn%0Dz%7Aspace%20{%7B!%21|%7C"%22}%7D#%23~%7E$%24￠%A2%%25￡%A3&%26￥%A5'%27|%A6(%28§%A7)%29≪%AB*%2A￢%AC+%2B?%AD,%2Cº%B0-%2D±%B1.%2Eª%B2/%2F,%B40%30μ%B51%31≫%BB2%32¼%BC3%33½%BD4%34¿%BF5%35A`%C06%36A´%C17%37A^%C28%38A~%C39%39A¨%C4:%3AA°%C5;%3BÆ%C6%3EE´%C9?%3FE^%CA@%40E¨%CBA%41I`%CCB%42..

Input Type=File 제한

function filecheck(obj){ pathpoint = obj.value.lastIndexOf('.'); filepoint = obj.value.substring(pathpoint+1,obj.length); filetype = filepoint.toLowerCase(); if(filetype=='png' || filetype=='jpg' || filetype=='gif') { // 허용한 확장자일 경우 } else { alert('jpg, gif, png 파일만 첨부할 수 있습니다'); parentObj = obj.parentNode node = parentObj.replaceChild(obj.cloneNode(true),obj); return false; } }