javascript 4 페이지

javascript

전체 96건 4 페이지

[jQuery] 파일 확장자 체크하기

특정 파일만 받고자 할때 체크하는 방법입니다.확장자로 체크하는데 더 좋은것은 MIME로 체크하면 더 좋습니다.확장자는 얼마든지 변경할 수 있고 더 문제는 아무렇게나 확장자를 변경하는 경우도 있습니다.<script> $("#images").on("change", function(e) { var files = e.target.files; var filesArr = Array.prototype.slice.call(f…
[jQuery] 텍스트박스 한쪽으로 입력하는 그대로 넣어주기

HTML의 form에서 인풋박스에서 jQuey를 이용한 데이터를 그대로 다른 인풋박스에 넣어주는 간단한 프로그램 입니다.키보드 입력에 대한것은 keydown 과 keyup이 있는데 입력한 정보를 얻을때는 keyup 입니다.눌린다음 올라올때 비로서 입력한 값을 얻을 수 있습니다. keydown도 감지는 되지만 입력된것을 얻을 수는 없습니다. <input type="text" name="test1" id="test1"><input…
[jQuery] 첫번째 하위요소의 스타일 변경하기

jQuery를 이용한 태그의 하위요소중에서 첫번째 요소에 대한 스타일 속성을 변경하는 방법에 대한 것입니다.아래는 자바스크립트 변수로 처리 되었지만 테스트 할때는 상수를 넣어 해보시면 됩니다.아래와 같이 사용하면 됩니다. $( "#"+idname ).css( 'touch-action', status);$( "#"+idname + " > div:first-child").css( 'touch-action', status);● 참고한곳https…
배열 값 또는 인덱스로 삭제하기

요즘은 배열 보다는 객체로 많이 사용되기도 하는데요.배열을 삭제 하는 방법에 대한것입니다.기본적으로 있는 remove는 완전히 없어지는 것이 아니라 빈방으로 만드는 역활을 합니다.그렇기 때문에 갯수를 체크하면 생각과 다를 수 있습니다. 현재의 브라우저 버전에서도는 사용해서 문제 되지 않습니다. Array.prototype.removeByValue = function (val) { let arrRtn = this.filter(item =…
[jQuery] 요소(태그) 복사 후 id변경 하기

jQuery를 이용한 방식이기 때문에 아래에는 명시 되어 있지 않지만 라이브러리 추가 해야 됩니다.확인하는 방법은 브라우저의 소스보기를 통해 가능 합니다. <div class="target" id="target1"> target 1 </div> <div id="source">source</div> <input type="button" value="clone replaceAll targe…
[jQuery] 상하로 움직이는 플로팅 메뉴(float menu)

스크롤 할때 움직이는 메뉴에 대한 것은 원리를 알면 본인의 상황에 맞게 수정이 가능합니다.보통 플로팅 메뉴 또는 플로팅배너 라고 합니다.스크롤 이벤트가 발생이 되면 그 위치 만큼 div박스의 top 위치를 변경시켜주는 방식 입니다.아래는 jQuery를 이용하였습니다.<script>// 화면 크기가 변경 되었 때$(window).resize(function( event ) { $(this).trigger('scroll'); });/…
간단한 스택(stack) 함수

자료구조에서 3가지를 배웁니다.큐, 스택, 디큐 여기서 스택은 먼저 들어간것이 나중에 나오는 방식 입니다. 즉, 최근에 들어간것이 먼저 나옵니다. 브라우저의 앞으로가기 뒤로가기 같은 것을 생각하시면 될것 같습니다.이건 구현하려면. 두개의 스택을 만들고 넣고 빼고 해야 될듯 합니다.function Stack(max_size){ const SIZE = max_size; let top = 0; let aItem = []; re…

게시물 검색