신기한 웹 세상

Category

JavaScript/jQuery

JavaScript if문

페이지를 열면 바로 확인창이 뜰 수 있어서 함수를 만들어 놓고 불러오게 했다. 삭제 버튼을 누르면 실행 되게 한 것이다. 만약 html을 보고 싶다면 화면의 오른쪽에 상단에 Edit in JSFiddle 를 보면 html도 볼 수가 있다. 단일 조건 체크 if문

JavaScript 연산자

증감연산자

JavaScript 변수와자료형

변수명의 정의 1. 키워드(예약어)를 사용하면 안된다. 2. 숫자로 시작하면 안된다. 3. 특수문자는  ‘_’와 ‘$’만 허용 4. 공백 문자를 포함할 수 없다. 식별자를 잘못 지정한 예 break(키워드) 10alpha(숫자로 시작) #num(특수문자 사용) has space(공백 사용)

JavaScript 베이직 & 출력

자바스크립트는 기본적으로 html안에서 호출되어서 실행이 된다. <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>임베트 형태</title> <script type=”text/javascript”> /* 여러줄 주석 */ //한줄 주석 //document.write(‘하하<br>’); document.write(‘head에서 실행<br>’); </script> </head> <body> <script type=”text/javascript”> document.write(‘body에서 실행’); </script> </body> </html> 이런식으로 들어가게 된다. 위의 내용중에… Continue Reading →

jQuery 체크박스 선택여부 확인 및 라디오버튼 선택과 해제하기

checked 여부 확인 $(“input:checkbox[id=’ID’]”).is(“:checked”) == true : false /* by ID */ $(“input:checkbox[name=’NAME’]”).is(“:checked”) == true : false /* by NAME */   checked/unchecked 처리 $(“input:checkbox[id=’ID’]”).attr(“checked”, true); /* by ID */ $(“input:checkbox[name=’NAME’]”).attr(“checked”, false); /* by NAME */   특정 라디오버튼 선택… Continue Reading →

[jQuery] scroll down 과 scroll up 할때 이벤트 적용시키기

스크롤 내릴때와 올릴때 다른 이벤트를 적용하고 싶은데…헷갈려서 구글링 한결과 다음 같이 나왔다. <script type=’text/javascript’> $(function(){ //Keep track of last scroll var lastScroll = 0; $(window).scroll(function(event){ //Sets the current scroll position var st = $(this).scrollTop(); //Determines up-or-down scrolling if (st >… Continue Reading →

플러그인없이 워드프레스 테마에서 특정 페이지의 내용을 가져오는 방법

가끔씩 페이지 컨텐츠들을 다른 포스트 내용을 가져와야할 때가 있다. 내용이 똑같은데 굳이 또 쓸필요성을 못느끼고 편리하게 가져왔으면 할때가 있는데.. 그것을 플로그인을 이용하면 참 쉽다.the Improved Include plugin, RPS Include Content 두 플러그인 중에 선택해서 사용하면 된다. 그렇지만!! 플러그인을 쓰지 않아도… Continue Reading →

워드프레스 파일 업로드 사이즈 증가 시키는 방법

워드프레스를 이용하다보면 큰 파일을 업로드해야할때가 있는데 기본 용량으로는 충분하지 않을 때가 있다. 현재 인터넷에서 돌아댕기는 .htaccess 파일을 수정하거나, wp-config.php 수정을 해야한다고 하지만 .htaccess파일을 수정하는 방법은 시스템에 안좋은 영향을 미칠 수 있기 때문에 이 방법을 선호한다. 1. php.ini 파일 만들기 메모장… Continue Reading →

괜찮은 슬라이더 nouislider을 추천합니다.

noUiSlider는 IE7++ 크롬, 파이어폭스, IE,오페라, 사파리 주요사용하는 모든 브라우저에 사용이 가능합니다. 사용방법: <!– jQuery or Zepto –> <script src=”jquery / zepto.js”></script> <!– The noUiSlider script and stylesheet –> <link href=”jquery.nouislider.css” rel=”stylesheet”> <script src=”jquery.nouislider.js”></script> 다운받기: http://refreshless.com/nouislider/download 출처: http://refreshless.com/nouislider/

jQuery api parents() 와 closest() 차이점

parents() http://api.jquery.com/parents/ 선택된 엘리먼트의 모든 부모 엘리먼트 요소를 가지오게 된다. 예) <!doctype html> <html lang=”en”> <head> <meta charset=”utf-8″> <title>parents demo</title> <style> p, div, span { margin: 2px; padding: 1px; } div { border: 2px white solid; } span { cursor:… Continue Reading →

10 Free jQuery Parallax Scrolling Plugins 소개

10 Free jQuery Parallax Scrolling Plugins 소개 출처 : http://www.desiznworld.com/2013/07/free-jquery-parallax-scrolling-plugins.html Parallax.js Source | Demo Parallaxjs Source | Demo Scrollorama Source | Demo Superscrollorama Source | Demo Parallax-Scrolling Source | Demo Skrollr Source | Demo jQuery Scroll Parallax Plugin Source |… Continue Reading →

jQuery로 null 객체를 확인하는 방법

if($(“#id”) != null) { } if($(“.class”) != null) { } 이렇게 쓰는 것보다는 if($(“#id”).length > 0) { } if($(“.class”).length > 0) { } 이런식으로 쓰는 것이 좀 더 정확하고 맞을 것이다.

Navigator appName 브라우저 이름 알기

javascript로 브라우저 이름을 알기 위해서는 useragent를 많이 사용하지만 알아본결과 appName을 많이 사용하기도 한다. txt = “<p>Browser CodeName: ” + navigator.appCodeName + “</p>”; txt+= “<p>Browser Name: ” + navigator.appName + “</p>”; txt+= “<p>Browser Version: ” + navigator.appVersion + “</p>”; txt+= “<p>Cookies… Continue Reading →

jQuery로 Tab Menu 만들기

Tab 1 Tab 2 tab-1 내용 tab-2 내용

jQuery를 이용한 마우스 우클릭 사용 막기

/** Jquery를 이용한 ← (백스페이스) 사용 막기 **/

워드프레스 Awesome Filterable Portfolio 플로그인 사용 설명 동영상

워드프레스 Awesome Filterable Portfolio 플로그인 사용 설명 동영상

[JavaScript] 모바일 회전시 스크립트

모바일에서 회전을 하면 그 페이지 새로고침 하는 스크립트이다. //회전시 새로고침 window.orientationchange = orientationEventHandler; window.addEventListener(‘orientationchange’, orientationEventHandler, false); function orientationEventHandler(){ var orientation = window.orientation; // 회전했을 경우 처리 if(orientation == 90 || orientation == -90){ location.reload(); } else { // 회전하지 않았을… Continue Reading →

[Javascript] 현재 URL(주소) 가져오기(찾아내기)


© 2017 신기한 웹 세상

Up ↑