반응형
var mobilecheck = function() {
 var check = false;
 (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera);
 return check;
}

 

반응형
반응형

(function() {
    var link = document.createElement('link');
    link.type = 'image/x-icon';
    link.rel = 'shortcut icon';
    link.href = '/resources/pubtree/images/favicon.ico';
    document.getElementsByTagName('head')[0].appendChild(link);
}());

반응형
반응형

1.<input type="text" name="search_keyword" value="{htmlspecialchars($search_keyword)}" class="inputTypeText" style="width:170px;border:1px solid #7f9db9;"

2.onkeydown="javascript: if (event.keyCode == 13) {chkform();}"/>


onkeydown="javascript: if (event.keyCode == 13) {chkform();}" 이런식으로 체크한다.

함수 호출로 chkform();

01.function chkform()
02.{
03.var f = document.fo_search;
04.if(f.addr1.value == '')
05.{
06. alert('지역을 선택해주세요.');
07. f.addr1.focus();
08. return false;
09.}else{
10. document.fo_search.submit();
11.}
12.}


 

 

document.fo_search.submit();
이런식으로 form의 submit 실행

반응형
반응형

CSS3 gives us the ability to create rounded corners with the border-radius property. But as you might already know, this new feature is not recognized in Internet Explorer 8 (IE8) and its earlier versions. So when you apply CSS3 Border Radius to an element, it still appears as a box with pointed tips.

 

 

You may find a lot of different advice on the Internet suggesting you ignore IE8. You wish you could do so. But if you’re working on a website for a government institution or a bank, you may not have a choice. You still have to make the website look as nice as it does in modern browsers, which includes the ability to apply CSS3 Border Radius.

If you really have to make your website IE8-ready, while being able to use the CSS3 feature, we have just the tip for you.

CSS3Pie

CSS3Pie is a kind of polyfill for CSS3 decorative features. Aside from CSS3 Border Radius that we’re going to discuss in this article, CSS3Pie also supports Box Shadow and Gradients, though it’s limited to the Linear Gradient type.

Download CSS3Pie (here). Put it inside your project directory – I placed it in the css folder. As you can also see from the screenshot below, I’ve created one stylesheet as well as one HTML file.

 

 

Open the stylesheet in code editor and set one of the elements in the HTML file with rounded corners, like so:

1
2
3
4
5
6
7
8
.border-radius {
    height: 100px;
    width: 100px;
    background-color: #2ecc71;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

As the element’s width and height are both 100px, and the border-radius is set to 50px, the element will become a circle:

 

 

In IE8, as we expect, it would still be a square (sigh), but don’t worry.

 

 

To enable the rounded corner effect, insert this line: behavior: url(css/pie.htc);, like so.

1
2
3
4
5
6
7
8
9
.border-radius {
    height: 100px;
    width: 100px;
    background-color: #2ecc71;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    behavior: url(css/pie.htc);
}

Note that the file path in url()has to be either an absolute path or relative to the HTML file. You can also add this line in a separate file.

You may have a stylesheet that is designated for Internet Explorer. You can put behavior: url(css/pie.htc); within that file, but ensure that it’s declared within the same CSS selector, like so.

1
2
3
4
/* declared in ie.css */
.border-radius {
    behavior: url(css/pie.htc);
}

Refresh the page in IE8. The rounded corner should now come into effect (ta-da!). It should work in IE7 as well.

 

 

Troubleshooting

Internet Explorer may behave unexpectedly. If this does not work (maybe the rounded corner does not take effect, or the selected element has disappeared), adding the position and zoom property should solve the problem:

1
2
3
4
5
6
7
<style>
.border-radius {
    behavior: url(<?php echo get_template_directory_uri() ;?>/css/pie.htc);
    position: relative;
    zoom: 1;
}
</style>

Using CSS3 Pie in WordPress

You have finished putting your website in HTML form. You also utilize pie.htc in the website to enable CSS3 in IE8. At this stage, you are ready to transform the website into a functioning WordPress theme. In this case, as WordPress is dynamic, where pages may serve in different level URLs, we have to specify an absolute path.

You can either change the path in CSS like this:

1
2
3
4
5
.border-radius {
    behavior: url(http://localhost/{website}/wp-content/themes/{the_theme}/css/pie.htc);
    position: relative;
    zoom: 1;
}

Or add internal styles in the header.php, this way:

1
2
3
4
5
6
7
<style>
.border-radius {
    behavior: url(<?php echo get_template_directory_uri() ;?>/css/pie.htc);
    position: relative;
    zoom: 1;
}
</style>

Final Thought

Having cool things such as CSS3 Border Radius work in IE8 is fascinating, and CSS3Pie makes that happen, while giving us one less reason to hate IE8.

반응형

'웹프로그래밍 > CSS' 카테고리의 다른 글

Background-size for IE7,8  (0) 2015.04.24
CSS3 구조선택자  (0) 2015.04.24
CSS 동위선택자, 상태선택자  (0) 2015.04.24
CSS 속성선택자  (0) 2015.04.24
텍스트 줄바꿈 처리 word-break, white-space  (0) 2015.04.09
반응형
find 라는 명령으로, 디스크에 저장된 각종 파일/디렉토리를 검색할 수 있습니다.


파일 찾기 (파일명 검색)


현재 디렉토리에서, pl 확장자를 가진 모든 파일 찾기
find -name '*.pl'

(현재 디렉토리 밑의 하위 디렉토리까지 다 찾습니다.)


루트에서부터, 즉 전체 하드에서, pl 확장자를 가진 모든 파일 찾기
find / -name '*.pl'



전체 하드 디스크에서, 파일명이 ab 로 시작하는 모든 파일 찾기
find / -name 'ab*'



전체 하드 디스크에서, 파일명이 .bash 로 시작하는 모든 파일 찾기
find / -name '.bash*'



전체 하드 디스크에서, 파일명이 .bash 로 시작하는 모든 파일 찾기
+ ls 명령 형식으로 출력
find / -name '.bash*' -ls

뒤에 -ls 라는 옵션을 붙이면 됩니다.




디렉토리명 찾기


전체 하드 디스크에서, 디렉토리 이름이 et 로 시작하는 모든 디렉토리 찾기
find / -name 'et*' -type d


주의! 옵션 순서를 바꾸면 에러가 납니다.

 

반응형
반응형

개요

VirtualBox를 설치하면 기본적으로 기본 머신 폴더가 C:\Users\사용자명\VirtualBox VMs 가 된다. 여기서는 이 폴더를 D:\VirtualBox VMs 로 옮겨보겠다. (단순히 폴더만 옮기면 VM이 제대로 작동하지 않게 된다.)

방법

만약 VM이 하나도 없는 상태라면 "설정 변경" 문단부터 진행하면 된다.

VM 정리

폴더 복제
  • 탐색기에서 C:\Users\사용자명 으로 이동 --- VirtualBox VMs 폴더 선택 --- 복사( Ctrl+C )
  • 탐색기에서 D:\ 로 이동 --- 붙여넣기( Ctrl+V )

이동하지 않고 복사한 이유는 잘못되었을 때 원상복구하기 위해서이다.

VM 목록에서 제거
  • VirtualBox 실행
  • 왼쪽 VM 목록에서 VM 우클릭 --- 삭제(R)
  • "가상 머신 목록에서 다음 가상 머신을 삭제합니다:" --- [지우기만 하기]

VM 우클릭 --- 삭제(R)를 반복하여 모든 VM을 목록에서 제거한다.

하드디스크 vdi 삭제
  • 파일(F) --- 가상 미디어 관리자(V)...

하드디스크 목록에 있는 모든 vdi를 삭제한다. 단, 하드디스크 vdi를 삭제하려면 먼저 그에 딸린 스냅샷 vdi를 모두 삭제해야 한다.

  • "가상 미디어 관리자" --- .vdi 파일 선택 --- 왼쪽 삼각형 눌러 펼침
  • 스냅샷 .vdi 선택 --- [삭제(E)]
  • "미디어 목록에서 하드디스크 C:\Users\jmnote\Virtual Vms\CentOS 6\Snapshots\{98e76e54-32c1-462e-aa35-40bfa1234567}.vdi을(를) 삭제하시겠습니까?" --- [삭제]
  • "가상 하드디스크 C:\Users\jmnote\Virtual Vms\CentOS 6\Snapshots\{98e76e54-32c1-462e-aa35-40bfa1234567}.vdi의 저장소 유닛을 삭제하시겠습니까?" --- [삭제]
  • 하드디스크 .vdi 선택 --- [삭제(E)]
  • "미디어 목록에서 하드디스크 C:\Users\jmnote\Virtual Vms\CentOS 6\CentOS 6.vdi을(를) 삭제하시겠습니까?" --- [삭제]
  • "가상 하드디스크 C:\Users\jmnote\Virtual Vms\CentOS 6\Snapshots\CentOS 6.vdi의 저장소 유닛을 삭제하시겠습니까?" --- [삭제]

삭제를 반복하여 목록에 있는 모든 vdi 삭제

  • [닫기(L)]

설정 변경

기본 머신 폴더 설정 변경
  • 파일(F) --- 환경 설정(P)
  • "VirtualBox - 설정" --- 일반 --- 기본 머신 폴더(M): D:\VirtualBox VMs --- [확인]
VM 추가
  • Oracle VM VirtualBox 관리자 --- 머신(M) --- 추가(A)...
  • 새 VM폴더(D:\VirtualBox VMs)인지 확인
  • 하위 폴더에 있는 .vbox 파일 선택 --- [열기(O)]

머신 추가를 반복하여 모든 VM 등록

테스트 및 기존 파일 삭제
  • VM 1개 선택 --- [시작(T)]
이상 없으면 VM 종료
  • 탐색기에서 C:\Users\사용자명 로 이동 --- VirtualBox VMs 폴더 삭제

 

반응형
반응형

Conditional comments with IE

Since Internet Explorer 5, conditional comments have been used to show or hide extra content from Internet Explorer.

The syntax

The example below will add a CSS style sheet only if the browser viewing the page is IE6:

<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

Any HTML that appears between the IF statement will be added to the document if viewed using the specified version of Internet Explorer.

You can use the following names to identify versions of Internet Explorer:

Name Description
IE All versions of Internet Explorer less than version 10
IE 5, IE 6, IE 7, IE 8, IE 9 Only the version mentioned

You can also use the following modifiers:

Name Description
lt All versions less than
lte All versions less than or equal to
gt All versions greater than
gte All versions greater than or equal to

Expressions can be combined as follows:

Name Example Description
Not !(IE 6) Not Internet Explorer 6
And (gt IE 6)&(lt IE 9) Greater than Internet Explorer 6 and less than Internet Explorer 9
Or (IE 7)|(IE 8) Internet Explorer 7 or Internet Explorer 8

The following example will add some JavaScript to all versions of Internet Explorer less than version 8:

<!--[if lte IE 8]>
    <script type="text/javascript" src="ie.js"></script>  
<![endif]-->

Exclude Internet Explorer

As well as including code for Internet Explorer, you can also hide code from Internet Explorer:

<!--[if !IE]><!-->
    <div>You are not using Internet Explorer (less than version 10)</div>
<!--<![endif]-->
Notice the syntax difference when excluding Internet Explorer
Internet Explorer 10 does not support conditional tags, and behaves like other non-IE browsers

If-else statements

You can combine the comments to make if-else style statements:

<!--[if IE]>
    <div>You are using Internet Explorer (less than version 10)</div>
<![endif]-->
<!--[if !IE]><!-->
    <div>You are not using Internet Explorer, or using IE version 10</div>
<!--<![endif]-->

 

반응형

'웹프로그래밍' 카테고리의 다른 글

Huzy TOOLS 를 시작.  (0) 2024.01.02
한 도메인으로 접속하게 하기 (www 자동 붙이기)  (0) 2016.05.25
MySQL 수정  (0) 2014.06.28
웹폰트 완벽 사용법? (woff, eot)  (0) 2014.03.08
XE 템플릿 구문  (0) 2014.02.18
반응형
레이스토어에 앱을 등록하기 위한 페이지

https://play.google.com/apps/publish/

   

로그인

   

Google Play에 Android앱을 출시 클릭

   

제목 입력

APK 업로드 버튼 클릭

   

프로덕션으로 첫 번째 APK 업로드 클릭

   

   

   

   

   

왼쪽 메뉴의 스토어 등록정보 클릭

   

순서대로 드래그앤 드롭하여 이미지를 추가하면 됩니다.

   

모든 항목 작성 후

상위의 저장 버튼 클릭

   

왼쪽의 가격 및 배포 클릭

배포 방법 선택, 배포 대상 국가, 동의사항 체크 >

저장

   

   

   

   

오른쪽 상단의 출시 준비를 이 앱을 출시로 변경합니다.

   

출시됨으로 상태가 변경됨

   

상단의 Google Play스토어에서 보기 옆의 삼각 느낌를 클릭하면

방금 출시한 경우 몇 시간 정도 걸릴 수 있다는 메시지가 나옵니다.

왼쪽 메뉴의 모든 애플리케이션 아이콘 클릭

   

스토어 등록정보에서

Google Play 스토어에서 보기를 클릭하면 아직 등록정보가 없어서 에러메시지가 나옵니다.

출시 완료 후 1시간~3시간 정도 지나야 확인이 가능합니다.

   

   

출시는 되었지만 확인하려면 시간이 걸립니다.

출시완료!

   

   

마켓 등록 완료!

출시 1시간 후 PlayStore에서 출시된 앱이 확인 되었습니다.

https://play.google.com/store/apps/details?id=kr.codedragon.android.hashshare

 

출처 : http://codedragon.tistory.com/94

반응형

+ Recent posts