728x90
300x250

[PHP] 리눅스, PHP 7.3(8.0) - CSS폰트, 자바스크립트, 서버URL - 공통영역 배포도구(3/3)

 

2부에 이어서 소개하도록 하겠다.

[PHP] 리눅스, PHP 7.3(8.0) - CSS폰트, 자바스크립트, 서버URL - 공통영역 배포도구(2/3), 2021-04-09 23:13 (금요일)
https://yyman.tistory.com/1534 

6. 소개

2부에 이어서 계속된다.

 

 

 


7. 첨부(Attachment)

 

210409_php_7_3_php_8_javascript_css_webfont_url_common_guide.z01
10.00MB
210409_php_7_3_php_8_javascript_css_webfont_url_common_guide.zip
2.33MB

[Apache License v2.0을 적용받는다.]

 


* 맺음글(Conclusion)

Apache 2.4, PHP 7.3(PHP 8.0), Javascript, CSS, 웹폰트 배포, URL 관리공통영역에 대해서 다뤄보았다.


* 참고자료(Reference)

1. PHP.net, https://php.net, Accessed by 2021-04-07, Last Modified 2021-04-07(Wed/수요일).

반응형
728x90
300x250

[PHP] 리눅스, PHP 7.3(8.0) - CSS폰트, 자바스크립트, 서버URL - 공통영역 배포도구(2/3)

 

2부에서 이어서 소개하도록 하겠다.

 

[PHP] 리눅스, PHP 7.3(8.0) - CSS폰트, 자바스크립트, 서버URL - 공통영역 배포도구(1/3), 2021-04-07 22:33
https://yyman.tistory.com/1533 

4. 소개

아래처럼 작업하였다.

 


5. 3부에서 만나요.

[PHP] 리눅스, PHP 7.3(8.0) - CSS폰트, 자바스크립트, 서버URL - 공통영역 배포도구(3/3), 2021-04-09 23:21 (금요일)
https://yyman.tistory.com/1535 

 

반응형
728x90
300x250

[PHP] 리눅스, PHP 7.3(8.0) - CSS폰트, 자바스크립트, 서버URL - 공통영역 배포도구(1/3)

 

이번에 소개할 내용은 PHP 7.3(8.0)에서 자바스크립트, CSS 폰트를 공통적으로 배포하는 방법에 대해서 소개하고자 한다.


1. 안내사항(빙하가 녹고 있어요)

꼭 읽어보기 바란다.

 

 

 


2. 소개

공통영역 배포도구에 대해서 다뤄보았다.

 

 


3. 2부에서 만나요.

[PHP] 리눅스, PHP 7.3(8.0) - CSS폰트, 자바스크립트, 서버URL - 공통영역 배포도구(2/3), 2021-04-09 23:13 (금요일)
https://yyman.tistory.com/1534 

 

반응형
728x90
300x250

[Javascript] 클립보드 제어(복사)

 

<script>

window.clipboardData.setData("Text", "클립보드로 복사할 글");

</script>

 

이와 같이 간단하게 구현할 수 있습니다.

clipboardData.setData( x , y )를 통해 사용할 수 있습니다.

 

이 명령은 텍스트를 클립보드로 저장시키는 명령입니다.

 

 

참고)

 

사전적 의미의 클립보드 : 컴퓨터에서 임시 저장 공간으로 사용하기 위해 확보된 메모리 영역.
반응형
728x90
300x250

[Javascript / HTML] Modal 창 - 폼 전송처리시 새창 팝업처리 방지

 

form target을 _self로 설정했음에 불구하고, 전송처리(submit)할 때, 새창 뜨는 것에 대해 팝업 처리를 하지 않고 현재 창에서 새로고침(Refresh)가 되는 방법에 대해 소개하고자 합니다.

 

1. Javascript로의 처리

window.name = "dialogPopup";

form.target = "dialogPopup";

form.submit();

 

 

2. Base target(자체 선언)을 이용하는 방법

<base target="_self" />

 

두 작업 다 Head 사이에 선언해야 합니다.

이상입니다.

반응형
728x90
300x250

[jQuery] javascript 연계 - 체크박스 (전체선택/해제) 기능

 

이걸 왜 구현했느냐면, jQuery 상에서 다양한 방법을 찾아보았으나, Attr만 가지고 구현할 때의 100%의 동작이 아니고, 버그로 인해 일부 동작하지 않은 것을 확인하였습니다.

그래서 원시적인 방법이지만, Checkbox를 Cnt와 Last 값을 비교하여 Javascript의 원래 동작 기능을 연계하여 전체선택 / 해제 기능을 구현했습니다. 

<script>

 

function toggleChecked() {
            var i = 0;
            var Last = (($("table[id=test']").find("input[type=checkbox]").length) / 3);
            var cnt = 0;


            i = 1;
            while (i <= Last) {
                if (document.getElementById("chk_" + i).checked) {
                    cnt++;
                }
                i++;
            }


            if (cnt == Last) {
                i = 1;
                while (i <= Last) {
                   
                    document.getElementById("chk_" + i).checked = false;
                    i++;
                }
            } else {
                i = 1;
                while (i <= Last) {
                    document.getElementById("chk_" + i).checked = true;
                    i++;
                }
            }

 }

 

</script>

 

빨간 부분이 일부에서 3을 곱해버리는 현상이 생겨서 나눗셈으로 단순하게 처리했는데, 환경에 맞게 계산을 대입하면 될거라고 봅니다.

 

<table id="test"> 

     <tr>

          <td><input id="chk_1" type="checkbox">  <td>

      </tr>

     <tr>

          <td><input id="chk_2" type="checkbox">  <td>

      </tr>

     <tr>

          <td><input id="chk_3" type="checkbox">  <td>

      </tr>

</table>

 

 

반응형
728x90
300x250

[Javascript] 현재 페이지 Refresh 방법 - (3가지)

 

location.reload(true);

location.href = location.href;

history.go(0);

 

사용 방법은 웹 페이지 소스에서 사용하시면 되겠습니다.

 

<script>

 

 ~~~~

 

</script>

 

이상입니다.

반응형
728x90
300x250
[Javascript] 비밀번호 - 정규식 표현 (탬플릿)

 

자바스크립트로 작성된 비밀번호 관련 탬플릿 2가지를 담았습니다.

 


1. 정규식 표현

 

특수문자 / 문자 / 숫자 포함 형태의 8~15자리 이내의 암호 정규식

var regex = /^.*(?=^.{8,15}$)(?=.*\d)(?=.*[a-zA-Z])(?=.*[!@#$%^&+=]).*$/;

 

숫자와 문자 포함 형태의 6~12자리 이내의 암호 정규식

var regex = /^[A-Za-z0-9]{6,12}$/;

반응형

+ Recent posts