'분류 전체보기'에 해당되는 글 223건
- 2012.06.08 jQuery 로 페이지를 벗어날때 확인창 띄우기 1
- 2012.06.08 윈도우7 에서 네트워크 공유폴더를 로컬 폴더처럼 쓰기 1
- 2012.05.31 Java 정규표현식으로 문자열 중에서 ip 문자열을 배열로 추출하기
- 2012.05.30 Javascript로 문자열 중에서 ip 문자열을 배열로 추출하기
- 2012.05.29 jQuery를 이용한 스크롤 따라니는 배너를 쉽게 맨들기(scroll follow) 3
jQuery 로 페이지를 벗어날때 확인창 띄우기
웹에서 글을 작성하다 뒤로가기, 창닫기, 리프레쉬등등 실수로 페이지를 벗어날때 요런창이 뜨는 사이트가 있다.
IE9에서
크롬에서
jQuery 를 이용해서 죠런 기능을 구현할려면 요렇게 하면 된다.
<script>
var checkUnload = true;
$(window).on("beforeunload", function(){
if(checkUnload) return "이 페이지를 벗어나면 작성된 내용은 저장되지 않습니다.";
});
</script>
단, 글쓰기 버튼을 클릭해서 글을 저장한 후 페이지를 이동할때도 저런 메시지가 뜨기 때문에, 고럴땐 checkUnload 값을 false 로 바꿔준 후 submit 이나 페이지를 이동해야 한다~
$("#saveBtn").on("click", function(){
checkUnload = false;
$("#saveForm").submit();
});
'Javascript 예제' 카테고리의 다른 글
| jQuery 로 탭메뉴 보였다 안보였다 맹글기 (3) | 2014.04.10 |
|---|---|
| jQuery로 Outer HTML 가져오기 (2) | 2012.11.06 |
| jQuery 로 원하는 갯수만큼 checkbox 선택하기 (1) | 2011.11.24 |
| jQuery 로 메뉴 접었다~ 펼쳤다~ 구현하기 (39) | 2011.11.18 |
| jQuery 로 해보는 체크박스(checkbox) 전체선택, 선택해제 예제 (2) | 2011.11.15 |
윈도우7 에서 네트워크 공유폴더를 로컬 폴더처럼 쓰기
네트워크 상에 공유된 폴더를 마치 내 컴퓨터에 있는 폴더처럼 쓸 수 있다.
요걸 활용하면 개발할때 파일이 업로드 되는 경로를 요걸로, 지정하면 개발자들끼리 동일한 공유폴더를 사용하게 되서 좋은것 같다.
그냥 각자 개발을 하면서 테스트 데이터를 입력할때 이미지를 업로드하면 업로드된 파일이 공유가 되지 않아 갤러리 같은 화면이 뵈기 싫게 나오는걸 방지해준다!
별 쓰잘데기 없는 거긴 하지만 이왕이면 다홍치마~
요걸 알기전까지는 다음 클라우드를 사용해서 업로드 되는 폴더를 공유 했었는데 -.-
뭐 아무튼 개발할때 말고도 여러군데서 활용할 수 있을것 같다.
192.168.10.7 이라는 컴퓨터에 공유된 travel 이라는 공유폴더를 내 로컬폴더로 한번 맹글어 보자.
커맨드 창을 열어서 요렇게 해주면 뽓 C 드라이브에 test 라는 폴더가 생성된다. 이제 c:\test 는 192.168.10.7 의 travel 폴더를 바라보게 된다.
net use \\192.168.10.7\travel mklink /d c:\test \\192.168.10.7\travel
만약 공유폴더를 로그인해야 접근이 가능하다면 요렇게 해주면 된다.
net use \\192.168.10.7\travel /user:사용자ID 암호물어보면 암호 입력 mklink /d c:\test \\192.168.10.7\travel
그리고 이상하게 컴퓨터를 재부팅 하면 암호가 저장되지 않아서 링크가 깨지는데 고럴땐 제어판에 가서 요렇게 설정해 주면 된다.
'쓸만한지식' 카테고리의 다른 글
| Windows 7 네트워크 폴더 공유하기 (1) | 2012.06.19 |
|---|---|
| 인터넷으로 전입신고하기 (0) | 2012.06.14 |
| USB 무선랜 카드 : 애니게이트 XM-300UA 속도 테스트 (2) | 2012.05.18 |
| T-GATE 주문확인 페이지가 안뜰때(IE9) (8) | 2012.02.21 |
| java.lang.IllegalStateException: Form too large xxx>200000 익셉션이 발생할때. (0) | 2012.02.09 |
Java 정규표현식으로 문자열 중에서 ip 문자열을 배열로 추출하기
저번에는 Javascript 정규표현식으로 IP 문자열을 추출하는걸 해 봤는데 이번에는 Java 로 바꿔서 해 보았다.
소스
public static String[] getIp(String str){
Pattern p =
Pattern.compile("((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})");
Matcher m = p.matcher(str);
StringBuffer sb = new StringBuffer();
while(m.find()){
sb.append(m.group()+ " ");
}
return m.reset().find() ? sb.toString().split(" ") : new String[0];
}
'Java' 카테고리의 다른 글
| Apache HttpComponents 파일전송 예제 (5) | 2014.03.05 |
|---|---|
| Java : JSOUP 를 이용, html에서 소스, 링크경로 추출후 절대 경로로 바꾸기 (2) | 2012.06.12 |
| Java Servlet과 jQuery를 이용한 환율정보(from 네이버) 가져오기 (6) | 2012.05.24 |
| Java 에서 문자열 비교할때 equals() 말고 == (비교연산자) 로 비교하기 (1) | 2011.11.24 |
| Java에서 파일로 부터 데이터 읽어서 정렬(bubble sort)하기 (0) | 2011.11.24 |
Javascript로 문자열 중에서 ip 문자열을 배열로 추출하기
문자열이 쪽 있으면 그 문자열에서 IP 에 해당하는 문자열 부분들을 찾아내서 배열로 얻고 싶을때는 요렇게~
응용해서 정규표현식만 원하는 패턴으로 바꿔주면 정규표현식에 해당하는 패턴을 배열로 쪽 뽑아낼 수 있다.
var pattern = /((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})/g;
// ["19.22.2.255", "219.22.2.253", "219.22.2.251"]
var ipList = "19.22.2.255@219.22.2.253 219.22.2.251".match(pattern);
여기서 한발짝 더 뿍 나가
String 객체의 prototype 에다 함수를 추가시켜 쓰면 쪼매더 간지나 보인다.
공통으로 땡겨다 쓰는 js 파일에다 요렇게 String prototype 을 추가하고
String.prototype.getIP = function() {
var pattern = /((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){3}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})/g;
return this.match(pattern);
};
아무데서나 요렇게 쓰면 위와 똑같은 결과를 쫌더 간지나게 얻을 수 있다.
// ["19.22.2.255", "219.22.2.253", "219.22.2.251"] var ipList = "19.22.2.255@219.22.2.253 219.22.2.251".getIP();
'Javascript' 카테고리의 다른 글
| 웹에서 signature_pad.js 사용해서 서명받기 예제 (0) | 2015.12.07 |
|---|---|
| jQuery Mobile : select 박스가 안드로이드폰에서 작동하지 않을때 (0) | 2012.11.08 |
| Javascript 숫자에 천단위로 콤마(,) 찍기 (1) | 2011.11.29 |
| 순수 Javascript 로 get 방식으로 넘어온 파라메터 가져오기 (2) | 2011.11.14 |
| javascript Array 에 protoype으로 remove 함수 추가하기 (2) | 2011.11.09 |
jQuery를 이용한 스크롤 따라니는 배너를 쉽게 맨들기(scroll follow)
jQuery로 웹사이트에서 마우스 스크롤을 했을때 봉봉 같이 따라 뎅기는 배너를 맨들려고 했는데 계산하기 귀찮아서
어떤 머리좋은 사람이 분명히 훌러그인을 만들어 놨을것이라 확신하고 구글에게 물어보았다.
검색능력이 시원찮아서 그런가 많이 검색될 줄 알았더만 내가 원하는 훌러그인을 겨우 하나 발견했다.
"jquery.scrollfollow.js" 라는 훌러그인이었다.
사이트 주소 : http://kitchen.net-perspective.com/open-source/scroll-follow/
그런데 요 훌러그인을 옛날에 맨들어서 그런지 최신버전 jQuery 에서는 오류가 나서 정상적으로 작동하지 않았다.
(※ 요 훌러그인은 jQuery 1.2.6 에서 테스트 했다고 함. 참 옛날에 맹근것인가 보다)
꼴랑 요 훌러그인 하나 때문에 jQuery 버전을 후진걸로 바꿀수 없지 아니한가. 다른 훌러그인을 검색해 봐도 잘 검색도 안되고 해서 그냥 최신 버전 jQuery 에서 돌아가도록 소스를 살짝 수정하기로 했다.
현재 jQuery 1.7.1 을 쓰고 있는데 잘 작동한다.
수정버전 다운로드 ↓
jquery.scrollfollow.js◎ 사용법
사용법은 http://kitchen.net-perspective.com/open-source/scroll-follow/ 요기에 나와있는 대로 하면 된다. 단, container 옵션은 잘 안될것 같다.
아래 코드로 테스트한 결과는 <== 요 옆에 꾸리하게 따라뎅기는 배너창이다.
※ 꿈지럭 거릴 div css 속성에서 position 은 absolute 나 relative 로 해야 한다.
※ 내가 이상하게 수정해서 그런지 몰라도 top 속성도 줘야 쪽바로 잘 움직이는듯 하다.
<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.scrollfollow.js"></script>
<script>
$(document).ready(function(){
$("#testbanner").scrollFollow({
speed : 800, // 꿈지럭 거리는 속도
offset : 200 // 웹페이지 상단에서 부터의 거리(바꿔보면 뭔지 안다)
});
});
</script>
<style>
#testbanner{
position: absolute;
border: 3px solid #f00;
left : 100px;
top : 30px;
width: 150px;
height: 300px;
}
</style>
</head>
<body>
<div id="testbanner">
봉봉 배너 테스트<br/>
<a href="/">홈으로</a>
</div>
</body>
</html>
기본옵션으로만 쓰고 싶으면 딸랑 요렇게만 해도 된다.
$("#testbanner").scrollFollow();
움직일때 easing 효과를 주고 싶으면 jQuery UI 훌러그인(jquery-ui-x.x.x.custom.min.js)을 뽓 추가시켜 easing 옵션을 주면 된다.
※ easing 옵션으로 가능한 문자열은 http://jqueryui.com/demos/effect/easing.html 요기에 있는 문자열 중에 하나로~
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.20.custom.min.js"></script>
<script type="text/javascript" src="jquery.scrollfollow.js"></script>
<script>
$(document).ready(function(){
$("#testbanner").scrollFollow({
easing : "easeInOutBack"
});
});
</script>
그 밖에 다른 옵션은 http://kitchen.net-perspective.com/open-source/scroll-follow/ 요기 참고~
'jQuery Plugin' 카테고리의 다른 글
| Table 자동 rowspan 처리 jQuery plugin (0) | 2017.01.12 |
|---|---|
| 자작 훌러그인 : jQuery shortcut v0.1 (웹페이지에 단축키 기능을 넣자) (5) | 2011.11.18 |
| 자작 훌러그인 : jQuery blingHover v0.1 (링크 롤오버시 텍스트 컬러를 보드랍게 바꿔주기-_-) (0) | 2011.11.07 |
| jQuery datepicker 팝업창 사이즈 바꾸기 (3) | 2011.11.06 |
| jQuery UI datepicker z-index 때문에 datepicker 가 뽓 나타나지 않을때 해결하기 (1) | 2011.11.06 |
