자바스크립트 썸네일형 리스트형 자바스크립트 Javascript 작업 하기 전, 주의사항~! 정말 주옥같은 내용이네요 두고 두고 볼 요량으로 퍼왔습니다.^^; 최선의 예제에 관한 글을 쓰는것은 다소 트릭으로 느껴지는 작업이다. 독자들 다수에게는, 자신이 지금 읽으려고 하는 글이 매우 명확하며, 실로 일리있는 것으로 보여질 것이다. 그러나, 웹을 둘러보고, 또 지난 수년간 내게 건네어진 다른 개발자들의 코드를 보면서 느낀 것은, 웹에서 실제 사용되는 코드의 세계에는 상당히 비상식적인 일들이 많으며, 또한 “일리있고, 논리적인 일들” 이라는 것은, 일단 당신이 프로젝트에 투입되고 프로젝트의 데드라인이 스물거리며 다가오고 있는 상황에서는 중요성 목록에서 저만치 밑으로 추락해 내려간다는 것이다. 따라서 나는 이 글을 쓰기로 결심했는데, 이 글은 지난 수년간 내가 축적해 온 예제와 조언들의 모음이며, 그.. 움직이는 파티클그라운드 ParticleGround JS Particle Ground A jQuery plugin for snazzy background particle systems 마우스를 따라 움직이는 조그만 점들이 인상적이네요. ㅎ [자바스크립트] 브라우저별 포지션 정보 정리 (Browser Position Information) 브라우저별 포지션 정보 정리 (Browser Position Information) W : window,DE : document.documentElement,DB : document.body (1800px*1800px) Property IE9 Chrome ( 15.0.874.121 m ) Firefox ( 8.0.1 ) W.innerWidth/Height 1280 / 714 1280 / 713 1280 / 705 W.outerWidth/Height 1296 / 816 1280 / 800 1296 / 816 W.screenLeft/Top 0 / 85 0 / 0 undefined / undefined W.screenX/screenY -8 / -8 0 / 0 -8 / -8 W.pageXOffset/pageXO.. 파이어폭스, 크롬에서 loacation.href 반응이 없을 때 파이어폭스, 크롬에서 loacation.href 반응이 없을 때 보통 익스플로러에서는 실행이 되었는데... 언제부터 안되었는지... 찾아보니 이렇게 해결책이 있었습니다. location.replace('http://ryuseunghyun.tistory.com') 보통 A 태크 href 에는 이렇게 스크립트를 사용하는 것은 지양되어야 하는 걸로 알고 있는데... 급한대로 뭐...사용해야지... 자바스크립트(Javascript)로 img 태그 hover 기능 구현하기 자바스크립트(Javascript)로 Rollover Rollout 기능 구현해보자 사실 소스는 간단하다. 아래 함수를 자주 사용하는 js 파일에 추가하면 된다 function btnOn(obj){ obj.src=obj.src.replace('off.gif','on.gif'); } function btnOff(obj){ obj.src=obj.src.replace('on.gif','off.gif'); } 스크립트를 보시줄 아시면 아~ 하시겠다 ㅎㅎ 그리고 이 함수를 사용하는 방법은 바로 아래와 같다 원리는 이미지의 파일명의 on, off 라는 문구를 replace 하는 방법이다. 따라서, 한가지 규칙(?)이 있다. hover 기능이 필요한 이미지를 두개 준비해야 하는데 두개의 이미지 파일명을 on, off .. [HTML5+CSS3]제이쿼리(jQuery)와 Swipe JS 파일을 활용한 터치슬라이드 갤러리 소스 터치 슬라이드 갤러리 소스 swipejs.com 에서 받은 자바스크립트 라이브러리를 사용한 소스입니다. 버튼으로도 이미지를 슬라이드 시킬 수 도 있고, 터치로도 슬라이드 시킬수 있답니다. ㅋ 다시한번, 말씀드릴께요 슬라이드 모션을 확인하기 위해서는 터치기반 디바이스에서 확인하셔야 해요. ㅎㅎ 일단, 웹에서 확인하기 위해서 버튼은 넣어놨구요 ㅎㅎ 아래 파일을 다운 받으셔서 분석하시기 바랍니다. 참조 - http://ryuseunghyun.tistory.com/2750 [HTML5+CSS3]모바일에서 터치, 슬라이드 모션 구현에 유용한 자바스크립트 라이브러리 터치, 슬라이드 모션을 위한 자바스크립트 라이브러리 모바일에서 터치라는 액션을 통해 슬라이드 모션을 적용할 수 있도록 하는 자바스크립트 라이브러이 제공 사이트입니다. 아래 파일은 해당 URL 에서 다운 받으실 수도 있습니다. 꼭, 터치 모션이 되는 디바이스에서 열어야, 슬라이드 모션이 확인디 됩니다. 바로가기 - http://swipejs.com 자바스크립트(Javascript)에서 null 과 undefined 차이 자바스크립트(Javascript)에서 null 과 undefined 차이 null 자바스크립트 키워드 null은 아무런 값도 나타내지 않는 특수한 값이다. null은 보통 객체타입의 특수한 값, 즉 어떠한 객체도 나타내지 않는 값으로 취급된다. null은 다른 모든 값들과 구분되는 고유한 값이다. 어떤 변수가 null 값을 가지면 그 변수가 유효한 객체나 배열, 숫자, 문자열, 또는 불리언 값을 담고 있지 않다는 것을 알 수 있다. null은 불리언 문맥에서 사용되면 false, 숫자 문맥에서는 0, 문자열 문맥에서는 "null"로 변환된다. undefined 자바스크립트에서 종종 사용되는 또 다른 특수한 값으로 undefined 값이 있다. undefined는 선언은 되었지만 값이 할당된 적이 없는 변.. 프레임셋(Frameset)과 자바스크립트(Javascript) n 프레임과 자바 스크립트 자바 스크립트로 프레임을 제어하기 위해서는 자바 스크립트가 프레임을 어떻게 보고 있는지 알아야 한다. 우리는 앞에서, 자바 스크립트가 한 윈도우 내에서 웹 페이지의 각 요소를 계층적으로 표현하고 있음을 배웠다. 이러한 개념은 프레임에도 그대로 적용되어 프레임 객체는 윈도우가 가지는 속성과 메쏘드를 그대로 사용한다. 아래와 같이 상,하 2개의 프레임으로 나누었을 경우를 예로 들어 보자. Jscript4-2.html [화면] Jscript4-3.html 실행 결과 실행 결과에서 볼 수 있듯이 하단프레임(‘bottom’)에서 상단프레임(‘upper’)의 함수를 호출함으로써 상단프레임의 입력박스에 입력된 데이터 값을 읽어내고 있다. 모바일 웹사이트 주소창 자동 숨기기 스크립트 모바일 웹사이트 주소창 자동 숨기기 스크립트 아래 코드를 해당 페이지에 삽입하시면 됩니다. 새창 속성과 새창 열기 여러가지 방법 정리 새창 속성 left=0, top=0, width=600, height=500, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes scrollbars=resizable 일 경우 스크롤 자동 방법1. 자바스크립트 사용하기 않기 input.asp 홈페이지 주소 : input_ok.asp test_new_win.asp ----- 관 련 사 이 트 ----- 네이버다음 네이트 [PHP] 한글파일 명 다운로드 방법 웹문서에서 어떠한 파일을 다운로드 할 경우 가장 간단한 방법은 A 태그에서 직접 경로를 지정해주면 된다. 허나... 이방법은 한글파일명을 가진 파일은 쓸수가 없다...ㅡㅡ^ 원인은 문서자체의 인코딩, 서버설정 등 여러가지가 있겠다. 여기서는 내가 찾은 방법을 메모하는 수준...포스팅은 아니다. 내가 찾고, 수정한 방법이다. 다운로드를 호출할 페이지에서 onclick 으로 자바스크립트를 호출하고, onclick="js_filedown('테스트.doc')" 자바스크립트에서는... function js_filedown(filenm){ window.open('/bdes/down/download.php?filename='+filenm); return false; } 그리고, 호출한 download.php 에서는 .. 자바 스크립트 인코딩 사이트 자바 스크립트 인코딩 사이트 : 인코딩 하러 가기! 여기의 텍스트에 까지 입력하시고 컴파일을 누르시면 인코딩된 소스가 생성됩니다. 그 소스를 원하시는 곳에 붙여넣기 해서 사용하세요. 자바 스크립트에 관한 사이트입니다. [자바스크립트] window.open(); 명령어 사용법과 [object] 반환 안되게 하는 법입니다. window.open(); 명령어 사용법 window.open(); - IE 팝업창 띄울때 사용하는 스크립트 사용법 windows.open("새창으로 열 페이지 주소", "새창의 이름", "옵션들"); 옵션값 menubar=no // 메뉴바 없애기 toolbar=no // 툴바 없애기 location=no // 주소표시줄 없애기 status=no // 상태표시줄 없애기 scrollbars=no // 스크롤바 없애기 fullscreen // 최대창 크기로 열기 => F11 눌린 크기이긴 하지만, F11과는 다른 기능임 width // 가로크기 height // 새로크기 top // 위에서부터 위치 left // 왼쪽에서부터 위치 사용예 1번!! 네이버 새창열기 아까창에서 다음사이트 열기 이런식으로 이름을.. <a> 태그 안에서 자바스크립트 사용법 자바스크립트 사용시 매서드를 불러올 경우 이미지의 a 태그가 무시당하면서 익숙한 '손가락' 표시가 나타나지 않게 된다. 이럴경우 사용하면 좋은 태그 내부에서의 자바스크립트 사용!! ** 표준화 등의 호환문제로 사용습관 변경 ** 기존에 자주쓰던 방식 ** 변경할 방식 --> onClick 마지막 부분에 return false 를 넣어 클릭시 페이지 최상단으로 이동되는걸 막는다. 아이폰 관련 가로,세로 모드시에 선택적 CSS파일 가져올수 있도록 하는 자바스크립트 아이팟터치/아이폰 ( 4세대 미만 ) 에서는 보통 가로 320 px, 세로 480 px 입니다. 그러므로 CSS파일 2개를 제작해주셔야합니다. 하나는 가로 320 px 로 지정하셔서 헤더,미들,푸터 제작후 가로 480 px 로 지정하신후 제작하셔서 2개의 CSS로 다음,네이버,파란,트위터,구글 처럼 애플모바일기기 호환성을 높힐수 있습니다. 소스 상에서는 다음과 같은 자바스크립트로 인식하게 할수있습니다. 위처럼 작성하시면 문제가 될것은 없습니다. 나머지는 여러분들의 몫 입니다. 이전 1 2 다음
