[JS] split


<div id="layer" style="display:block">1111</div>
<a href="#layer" onclick='document.getElementById(this.hash.split("#")[1]).style.display="none";'>링크</a>

댓글

댓글 쓰기

이 블로그의 인기 게시물

[WiFi 만들기] 랜선쓰는 노트북으로 와이파이존 만들기(오류포함)

이미지
랜 케이블을 꽂아서 인터넷을 쓰는 노트북에서 공유기 없이  WiFi ZONE을 만드는 방법 을 알아보겠습니다. 저는 공유기를 쓰지 않고 랜선으로 인터넷을 쓰는데요. 요금제도 데이터 750MB 밖에 쓰지 못해서 항상 모자라곤 합니다  그래서 공개된 와이파이를 잡아서 사용하려고 해보았는데요. 핸드폰에서는 되는데 노트북에서는 안되는 것이 있었습니다ㅜㅜ 이렇게 느낌표가 뜹니다. 분명 문제없이 연결됨이 뜨지만 사용할 수 없음 ㅜㅜ 많은 해결방법을 따라해봤지만 안되네요. 조금 다른 내용이었네요 ㅋㅋㅋㅋ 그럼 이렇게 약한 남의 와이파이를 쓰지 않고 빵빵한 나의 와이파이존을 공유기 없이 생성해 보도록 하겠습니다. 우선 랜선을 꽂아  인터넷을 연결 합니다. 그리고 명령 프롬프트에 들어갑니다. 윈도우키+R을 눌러 "실행"창에서 " cmd "를 입력해 실행해 줍니다. 그리고 " netsh wlan show drivers "를 입력한 후 엔터! 하면 정보가 나옵니다. 호스트된 네트워크 지원 : 예 가 되어 있으면 이 노트북은 WiFi존을 만들 수 있는 노트북입니다. 네트워크 지원을 확인했으면 이번에는 " netsh wlan set hostednetwork mode=allow ssid=와이파이이름 key=와이파이비번 " 을 입력해 줍니다. mode=allow는 허용, ssid는 와이파이 연결 시 사용할 이름, key는 와이파이 연결 시 사용할 비밀번호를 뜻합니다. 저는 와이파이 이름을 mywifi로 준 후 엔터를 쳤더니 "이 명령은 명령 프롬프트에서 관리자 권한을 사용하여 실행해야 합니다." 라는 메세지와 함께 와이파이를 생성할 수 없네요. 이럴 때는 관리자 권한으로 실행하지 않아서 모드를 허용할...
자세한 내용 보기

페럴렉스 레이아웃 예제

이미지
복잡하게 만들려면 한없이 복잡하고 간단하게 만들려고 하면 간단한 머리 아픈 페럴렉스 레이아웃 중에 간편하게 소스를 제공하거나 분석해서 사용하기 편한 것들을 모아 보았음. 너무 많아서 앞으로 계속 업데이트를 해야 할듯... 재미있거나 화려한 효과를 가진 녀석들은 따로 분류를 해야 겠음. 1.  A Simple Parallax Scrolling Technique http://code.tutsplus.com/tutorials/simple-parallax-scrolling-technique--net-27641 2.  Create a Parallax Scrolling Website Using Stellar.js http://webdesign.tutsplus.com/tutorials/create-a-parallax-scrolling-website-using-stellarjs--webdesign-7307 3. fullPage.js http://alvarotrigo.com/fullPage/ 4.  HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 http://dev.classmethod.jp/etc/html5-x-css3-x-jquery-6-parallax/ 5.  How to create a parallax scrolling website https://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website/ 6.  parallax scrolling for the masses http://prinzhorn.github.io/skrollr/ 7. jQuery Scrolldeck Parallax Plugin http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/ ...
자세한 내용 보기

[jQuery] 접근성 레이어 팝업

접근성 관련해서 레이어를 여러 방법을 생각해보다. 닫기 버튼 위치에 관한 고민으로 예전에 작업을 해두었던 코드입니다. 그때 그때 상황마다 커스텀해서 사용하고 있긴한데...언제 개선시키지__)a; 아래와 같은 내용을 기준으로 작업되었습니다. 1. 사용자가 레이어 제목을 읽고 원치 않을 경우 내용을 다 읽지 않아도 닫을 수 있어야 한다. - 닫기 버튼 제목뒤에 한번 제공 2. 사용자가 문서를 다 읽은 후에 닫을 수 있어야 한다. - 컨텐츠 하단에 닫기 제공 - 보통 확인 취소 같은 용도로도 사용 3. 사용자가 다시 레이어 안의 내용을 읽기 위해 텝을 하였을때 레이어 밖으로 나가지 않고 레이어 안에서 돌아야 한다. - 그리 베스트의 방법이라곤 생각하지 않지만 임시로 하단에 a 태그를 생성해서 다시 처음으로 돌아 올수 있는 여건을 만들어 놓음. :Html <a href="#" class="openLayer">레이어 열기</a> <div class="layerWrap"> <div class="layerContainer"> <div class="layerHead">레이어 제목</div> <a href="#" class="firstClose layerClose">닫기</a> <div class="layerCon"><a href="#">1</a><br /><a href="#">1</a><br /><a href="#">1</a><br /><a href="#">1</a></div> ...
자세한 내용 보기