본문 바로가기

퍼블리싱

test() method 사용하기 test() 메소드는 파라미터로 str을 받고 return value는 불린값으로 넘겨준다. 사용예를 보면, // The string: var str = "Hello world!"; // Look for "Hello" var patt = /Hello/g; var result = patt.test(str); // 결과값 >> true // Look for "W3Schools" patt2 = /W3Schools/g; result2 = patt2.test(str);// 결과값 >> false 파라미터로 들어온 str값을 특정값과 대조하여 같으면 true, 다르면 false값을 넘겨준다. 더보기
Windows xp, vista, 7 버전 체크 In XP it contains 5.1, in Vista 6.0 and in Windows 7 6.1 as you can see here http://msdn.microsoft.com/en-us/library/windows/desktop/ms724834(v=vs.85).aspx. var ua = navigator.userAgent.toLowerCase(); var isWinXP = ua.indexOf('windows nt 5.1') > 0; 더보기
IE 8이하버전에서 e.preventDefault()가 안먹힐때 우리는 이벤트 버블링을 막기위해 e.preventDefault()를 쓰는데,이게 ie 8이하에서는 먹지않는다.그럴땐 다음처럼 써주면 된다. e.preventDefault ? e.preventDefault() : e.returnValue = false; 더보기
accesskey 속성 accesskey 속성은 사용자 에이전트에 의해 요소를 활성화시키거나 포커스를 갖게끔 하는 단축키를 생성하기 위한 가이드로 사용된다. html5 와 이하버전 모두에서 사용가능하나, html5에서는 모든 요소에 사용가능하고, 이전버전에서는 포커스가 필요한 요소들(, , , , , , and )에만 사용할 수 있다. 본문 바로가기 지구촌 스마트 여행사이트에서 가져옴속성값은 유니코드값이면 되는데, 한자리수 숫자나 알파벳으로 작성하면 됨 더보기
Multiline Ellipsis 보통 텍스트길이가 지정된 영역을 벗어났을때 말줄임표시 "..."으로 처리 한다.하지만 보통은 한줄만 가능하고, 여러줄, 2줄이상에 "..."처리를 하려면, 다음처럼 하면 된다. 1. CSS로만 처리 (참고 http://codepen.io/martinwolf/pen/qlFdp)CSS로만 처리하려면, 다음을 해당 셀렉터에 추가하면 된다.-webkit-line-clamp: 2; /* 2줄까지만 보여주고 나머진 ... 처리*/-webkit-box-orient: vertical; 하지만, 보다시피 웹킷브라우저(크롬, 사파리)에서만 처리가능하기때문에 제한적이다.그래서 다음과 같은 플러그인 사용을 권장한다. 2. Autoellipsis 플러그인 활용- Alternative text ellipsis - JSFiddle.. 더보기

티스토리툴바