본문 바로가기
728x90

활용팁5

[활용팁] 자바스크립트 배열을 활용한 3단 메뉴 구현 예제(서브 속성값 확인 방법포함) 메뉴 구성은 3단 메뉴에 같은 선택박스가 3개 구현 예제입니다. 일단 동영상 보시면 알겠지만, 배열을 활용한 3단 메뉴 구현 예제 소스입니다. 대, 중, 소 로 분리한 메뉴 데이터 var Menu_Data = new Array( ['메뉴1','메뉴21','메뉴131','표시명131'], ['메뉴1','메뉴21','메뉴132','표시명132'], ['메뉴1','메뉴22','메뉴231','표시명231'], ['메뉴1','메뉴22','메뉴232','표시명232'], ['메뉴1','메뉴22','메뉴233','표시명233'], ['메뉴1','메뉴22','메뉴234','표시명234'], ['메뉴1','메뉴23','메뉴331','표시명331'], ['메뉴1','메뉴23','메뉴332','표시명332'], ['메뉴1'.. 2021. 7. 17.
[활용팁] 동적으로 공통 메서드 불러와서 실행하기 예제(Javascript, 동적실행) 대형 프로젝트를 할 경우 선택한 값에 해당하는 자바스크립트 파일을 다르게 불러오고 싶을 때가 있다... 이럴때 활용하면 유용한 팁을 소개 한다. 다이나믹한 자바스크립트를 위해... 동영상을 일단 보면... 선택박스가 변경이 되면 해당 자바스크립트 파일을 불러와서 실행해 주는 동영상이다.. 이 기능의 핵심은 자바스크립트 태그를 생성해서 불어오면 완벽하게 구현이 가능하다. 그럼 소스를 보자.. function loadJavascript(url, charset) { var jshtml = document.getElementsByTagName('jsload')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; scr.. 2021. 6. 19.
[활용팁] 자바스크립트 선택(Select)박스 다루기(값변경, 확인, 서브속성) 오늘은 선택박스 값을 설정하고 값을 읽는 방법에 대하여 알아 보겠습니다. 다을 배열 데이터를 선택(Select)박스에 설정하고 값을 읽어 오려면 어떻게 해야 할까? var basicData = new Array( ['http://naver.com','네이버','1'], ['http://daum.net','다음','2'], ['http://nate.com','네이트','3'], ['http://yahoo.com','야후','4'] ); 배열 변수에 값이 있으니 배열 인덱스 값으로 설정해서 값을 읽어와도 되겠지만.... 오늘은 선택박스에서 모든 값을 설정하고 값을 읽어오는 방법에 대하여 알아보려 한다. 네이버 이렇게 설정을 할수도 있겠지만... 이것도 아니다 ㅋ 네이버 이렇게 서브 속성을 가지고 처리 하려 .. 2021. 6. 4.
[활용팁] 자바스크립트 구조체(Object) 변수 만들기, 참조 변수 활용하기 예전 Turbo-C 시절 구조체 변수가 있었는데... 자바스트립트에는 없나? struct member { char *name; int age; } 그래서 찾아보니 비슷한 Object 변수가 존재 한다.. 그리고, 이 Object 변수로 참조 변수로도 활용하고.. Object 변수 초기화 방법 알아보자.. var _g = { a:0, b:"전역", c:0 };// 전역 Object 변수 단순하게 변수명 = { 변수1:값, 변수2:값 } 이렇게 나열해 주면 끝난다. 중간에 함수 속에서도 사용을 하기 위해 전역 변수로 지정을 해버리면 쉽게 처리 가능하고.. 참조 변수로 지정하여 리턴값이 여러개 일때 활용가능하다. 보통 함수를 만들면 리턴값이 하나뿐이다... 여러개 값을 받아오고 싶을때 어떻게 해야 할까? 그럴.. 2021. 5. 23.
[활용팁] 자바스크립트 윈도우 창높이(Web Browser) 확인 방법 레이어로 현재 화면에서 중앙에 자동으로 배열하고 싶어졌다... 그래서, 가로크기와 세로크기를 확인해야 할일이 생겨 높이와 폭을 확인해봤는데.... 이상하게 가로는 그런데로 작동하는데 높이는 이상하게 숨어 있는 길이까지 나오는것이다... 뭐가 문제일까? 크롬이나 웨일은 이상하게 브라우저 창크기가 에러나는데, 익스플로러에서는 정상적으로 작동해서 크롬의 버그인줄 알았는데... 구글 검색을 해보니 상단의 태그 하나 추가하니 정상적으로 작동을 하네... 이 한줄의 태그만 넣어주면 정상적으로 작동을 한다... 브라우저 사이즈가 변경이 되어도 정 중앙을 계산을 할수 있을것 같다. $( window ).height(); 2021. 5. 21.

반응형