본문 바로가기
728x90

자바스크립트7

[활용팁] 자바스크립트 배열을 활용한 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.
[오늘일기] jQuery 를 이용한 선택박스 값 변경하기 jQuery 를 이용해 선택박스 값 변경하기 선택값 로드 버튼을 클릭하면 비어있는 선택박스에 값을 넣어준다. 아래 이미지 처럼 선택박스에 값이 들어가는데, 이 값을 확인 하려면 어떻게 해야 할까? jQuery 를 이용하여 속성 값을 가져올수 있다. var url = $("#selsite option:selected").attr('url'); 이렇게 하면 선택한 사이트 URL 을 확인 할수 있는 방법이다. #블챌 #오늘일기 #자바스크립트 #javascript 본 블로그의 글은 공공정보와 개인적 생각의 글 임을 알려드립니다. 또한 오류가 있는 부분이 있으면 댓글로 알려주시기 바랍니다. 감사합니다. 2021. 6. 2.
[활용팁] 자바스크립트 구조체(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.
[ASP] [javascript] 한글 포함된 문자열 자르기(1Byte, 2Byte 구분) ASP, Javascript한글이 포함된 문자열 자르기 예제 소스 프로그래밍을 하다보면 보면 너무긴 문자열을 잘라야 할 경우가 생긴다... 뭐 영문자라면 별 문제가 되지 않지만, 한글 같은 2바이트 문자열이 포함 되버리면 내장 함수로 쉽게 자를수 없을때가 있다... 이럴 때 사용하면 괜찮은 함수를 만들어봤다.. 작동 원리는 문자열 전체를 하나 하나 분리해서 해당 문자가 1바이트 문자인지, 2바이트 문자인지 비교하여 원하는 길이만큼 잘라 준다. ASP 소스 함수 예제Function Str_Cut(istr, size)tstr = ""cnt = 0rtn = istrFor x = 1 To Len(istr)tstr = Mid(istr, x, 1)If Asc(tstr) < 0 Then cnt = cnt + 1End.. 2021. 1. 20.

반응형