728x90 반응형 분류 전체보기298 [CSS3]textarea css로 간단하게 크기 고정하기 (+javascript로 글자수 제한하기) css를 이용해 크기 고정시키기 textarea{ width:500px; height:100px; resize:none;/* 크기고정 */ /* resize: horizontal; // 가로크기만 조절가능 resize: vertical; 세로크기만 조절가능 */ } 자바스크립트 length를 이용해 입력한 문자열의 길이를 구한다. 100자가 넘어가면 substring함수를 이용하여 문자열을 자른다 $(this).val().substring(0, 100)) 을 이용해 100자이상이되면 뒤에를 자른다. substring문자열자르기 함수 substring(0,100) = > 인덱스0부터 100자자름. See the Pen textarea 남은글자수 by gahyun (@gahyun) on CodePen. 2019. 4. 10. [JAVASCRIPT/JQUERY]서브페이지에 사이트 이동경로를 나타내는 방법 (select) 셀렉트(select)를 이용해 현재 어느 메뉴에 있는지 알려주고, 다른 메뉴 페이지로 이동 가능하도록 구현하기 //스크립트를 이용해 현재 페이지에 해당하는 메뉴가 선택되도록 한다. $("#sel1").find("option").eq(stop).prop("selected",true); $("#sel2").find("option").eq(sbot).prop("selected",true); //select에 onchange 이벤트를 이용해 값이 변경되면 해당 링크로 이동하도록한다. onchange="if(this.value) location.href=(this.value);" See the Pen 셀렉트(select)로 서브메뉴 location by gahyun (@gahyun) on CodePen. 2019. 4. 10. [JAVASCRIPT/JQUERY] Jquery UI (draggable/droppable)옵션설정하기 https://jqueryui.com jQuery UI를 쓰기 위해서는 다음과 같은 js 파일이 필요하다. //jQuery버전맞추기 https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js //jQuery UI http://code.jquery.com/ui/1.8.17/jquery-ui.min.js //jQuery UI를 모바일에서 쓰기 위해 추가 (모바일 버전이 필요없다면 안써도됨) https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js See the Pen XQpOLv by gahyun (@gahyun) on CodePen. d.. 2019. 4. 10. [CSS3] 단나누기 column 일반적으로 글을 쓰면 아래와 같은 결과가 나옵니다. column속성을 이용해 column-count : 3;을 적용하자 단이 3개로 나누어집니다. count로 갯수로 나누는게 아닌 column-width : 300px;를 이용해 width값으로 나눌 수 있습니다. 단의 width값이 300px로 나누어 졌습니다. 단을 나누는 스타일을 정의할 수 있습니다. 단과 단 사이의 간격을 100px 로 설정합니다. column-gap : 100px; 단을 나누는 선을 추가합니다. column-rule-style : dotted; 선스타일은 dotted 점선 solid 실선 이외에 아래와 같은 값을 가질 수 있다. none / hidden / dotted / dashed / solid / double / groove.. 2019. 4. 10. 이전 1 ··· 67 68 69 70 71 72 73 ··· 75 다음 728x90 반응형
