본문 바로가기

Development/Javascript9

자바스크립트파일(*.js)파일에서 다른 js파일 불러오기 How to load another .js file in a .js file? 예제test.js파일에서 다른 .js파일(jquery.js)을 불러오고 싶을 때, 아래와 같이 test.js 파일에 아래와 같이 자바스크립트 함수 하나를 만들어주고addJavascript('/js/jquery.js'); 와 같이 쓰면 다른 자바스크립트 파일을 불러올 수 있다. function addJavascript(jsname) {var th = document.getElementsByTagName('head')[0];var s = document.createElement('script');s.setAttribute('type','text/javascript');s.setAttribute('src',jsname);th.app.. 2012. 5. 7.
MP3 player with javascript ( SWFObject ....) 프로젝트 진행 중 Mp3 플레이어가 필요하게 되어 조사후 적용한 예입니다. MP3 플레이어는 http://flash-mp3-player.net/ 를 이용하였으며, 조금더 간편히 사용하기 위해 SWFObject 라이브러리를 사용하였습니다. 우선 Mp3 플레이어가 필요한 페이지에 아래 코드를 추가한다. http://wansdream.net/test.mp3 첫 번째 라인은 JQuery라이브러리 로드 부분이고,두 번째 라인은 플래시 관련해서 쉽게 사용할 수 있도록 작성된 자바스크립트 라이브러리다.http://code.google.com/p/swfobject/ 에서 최신 버전을 다운로드 받을 수 있다.세번째 라인은 직접 작성한 자바스크립트 파일이다. 내용은 아래와 같다. $(document).ready(funct.. 2012. 5. 2.
재미있는 JavaScript 코드 로딩이 완료된 웹페이지의 주소창에 아래의 스크립트를 붙여넣기 하고 하게되면, 페이지상의 이미지 태그들이 화면을 휘젓고 다닙니다~ javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+ "px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+" px"}R++}s.. 2010. 1. 3.
document.location.replace()와 document.location.href의 차이 .href 와 .repalce()는 모두 location의 하위객채로 브라우저에서 URL이동때 쓰인다. 그러나 쓰는 형태를 보면 알겠지만 .href 는 프로퍼티고, .replace()는 메소드다. location.href = http://www.naver.com C 처럼 페이지가 이동을 했다하자. (현재 당신은 C사이트에...) B --> C로 이동할때 location.href를 썼다면 C페이지트에서 [뒤로]버튼을 누르면 B가뜬다. 하지만.. B --> C로 이동할때 location.replace()를 썼다면 C페이지에서 [뒤로]버튼을 누르면 A가뜬다. 그럼 사용자입장에선 '어 내가 클릭을 두번했나?' 하게 된다... 참조>http://cafe.naver.com/aspman/39 2009. 7. 25.
javascript:void(0) 란? - 새 페이지를 로딩하지 않고 어떤 액션을 실행하고 싶을 때 href 속성에 사용한다. - href 속성의 값에 javascript: 프리픽스를 사용해서 자바스크립트 문장을 사용할 수 있다. == direct URL JavaScript statements - 예제 News Flash - href는 어떤 값이라도 있으면 해당 값을 새 페이지로 읽으려고 들기 때문에, 항상 null을 반환하는 void(0)를 호출해서 그걸 막는다. - void는 숫자 하나를 받는데, 내부에서 쓰진 않는다. void(1) 이렇게 해도 상관은 없겠다. 예제 TEST 결과 TEST 아래와 같이 응용할 수 있다.. 링크를 클릭하면 페이지는 반응없지만... 자바스크립트 안의 내용이 실행된다... 새창띄우기 등의 처리를 할 수 있다~ .. 2009. 7. 25.
그림 움직이게하는 코드 클릭!! javascript:R=0;x1=.1;y1=.05;x2=.25;y2=.24;x3=1.6;y3=.24;x4=8;y4=8;DI=document.getElementsByTagName("img");DIL=DI.length;function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style;DIS.position='Relative';DIS.left=Math.sin(R*x1+i*x2+x3)*x4;DIS.top=Math.cos(R*y1+i*y2+y3)*y4;}R++;}setInterval('A()',10);void(1); 클릭 또는 위 코드를 복사해서 주소창에 넣으면 됨... 2008. 1. 20.
미디어파일 재생시 재생퍼센트와 남은시간 표시하기 예제 http://my.dreamwiz.com/blue8199/1114/32.html 2006. 7. 18.
아이프레임 자동으로 늘어나는 자바 스크립트. 밑에 글에 올리신 분이 있지만 제가 사용하고 있는 아이플래임 자바스크립트 올려봅니다. 이게 간단하고 좋은것 같아서 ^^;; 한번 써보세요 ^^ ----위에 소스 헤드 부분에 복사해서 넣으시구요. 아래처럼 아이플래임 들어가는곳에 복사에서 넣어주세요 . 당연히 주소는 자기가 불러올 주소 넣어야되게죠? ^^; 전 이소스를 잘 사용하고 있습니다 ^^; 2006. 6. 26.