홈페이지 제작업체 포인원 > board > 참고자료 http://bluew.net/bbs/board.php?bo_table=reference 테스트 버전 0.2 (2004-04-26) ko 인스타 토큰받아오기 http://bluew.net/bbs/board.php?bo_table=reference&wr_id=93 https://developers.facebook.com/ 로그인 

]]> 포인원 Thu, 18 Apr 2024 20:47:24 +0900 sns 공유하기 소스 - 라인, 폴라, 카톡, 카스, 밴드, 핀터레스트, 구글플러스, 네이버블로그, 트위터, 페이스북 http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=92 <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type="text/javascript"> 
// 사용할 앱의 JavaScript 키를 설정해 주세요. 
Kakao.init('앱키');
// 카카오톡 공유하기 
function sendKakaoTalk() {
Kakao.Link.sendTalkLink({
label: '공유 제목',
image: {
src: 'http://이미지경로',
width: '300',
height: '200'
},
webButton: {
text: '공유제목',
url: 'https://도메인' // 앱 설정의 웹 플랫폼에 등록한 도메인의 URL이어야 합니다. 
}
});
}
// 카카오스토리 공유하기 
function shareStory() {
Kakao.Story.share({
url: '도메인',
text: '공유제목'
});
}
// send to SNS 
function toSNS(sns, strTitle, strURL) {
var snsArray = new Array();
var strMsg = strTitle + " " + strURL;
var image = "이미지경로";
snsArray['twitter'] = "http://twitter.com/home?status=" + encodeURIComponent(strTitle) + ' ' + encodeURIComponent(strURL);
snsArray['facebook'] = "http://www.facebook.com/share.php?u=" + encodeURIComponent(strURL);
snsArray['pinterest'] = "http://www.pinterest.com/pin/create/button/?url=" + encodeURIComponent(strURL) + "&media=" + image + "&description=" + encodeURIComponent(strTitle);
snsArray['band'] = "http://band.us/plugin/share?body=" + encodeURIComponent(strTitle) + "  " + encodeURIComponent(strURL) + "&route=" + encodeURIComponent(strURL);
snsArray['blog'] = "http://blog.naver.com/openapi/share?url=" + encodeURIComponent(strURL) + "&title=" + encodeURIComponent(strTitle);
snsArray['line'] = "http://line.me/R/msg/text/?" + encodeURIComponent(strTitle) + " " + encodeURIComponent(strURL);
snsArray['pholar'] = "http://www.pholar.co/spi/rephol?url=" + encodeURIComponent(strURL) + "&title=" + encodeURIComponent(strTitle);
snsArray['google'] = "https://plus.google.com/share?url=" + encodeURIComponent(strURL) + "&t=" + encodeURIComponent(strTitle);
//window.open(snsArray[sns]);
                window.open(snsArray[sns],'sns','resizable=no width=200 height=200');
}

function copy_clip(url) {
var IE = (document.all) ? true : false;
if (IE) {
window.clipboardData.setData("Text", url);
alert("이 글의 단축url이 클립보드에 복사되었습니다.");
} else {
temp = prompt("이 글의 단축url입니다. Ctrl+C를 눌러 클립보드로 복사하세요", url);
}
}
</script>
</head>
 

<body style="overflow:hidden;background-color:#f0f0f0;">
<div class="sns_wrap">
<p>
SNS 공유하기
</p>
<ul>
<li><a href="javascript:toSNS('facebook','공유제목!','http://도메인')" title="페이스북으로 가져가기"><img src="/img/facebook.jpg">페이스북으로</a></li>
<li><a href="javascript:toSNS('twitter','공유제목!','http://도메인')" title="트위터로 가져가기"><img src="/img/twitter.jpg">트위터로</a></li>
<li><a href="javascript:toSNS('line','공유제목!','http://도메인')" title="라인으로 가져가기"><img src="/img/line.jpg">라인으로</a></li>
<li><a href="javascript:sendKakaoTalk();" title="카카오톡으로 가져가기"><img src="/img/kakao.jpg">카카오톡으로</a></li>
<li><a href="javascript:shareStory();" title="카카오스토리로 가져가기"><img src="/img/story.jpg">카카오스토리로</a></li>
</ul>
<ul>
<li><a href="javascript:toSNS('pholar','공유제목!','http://도메인')" title="폴라로 가져가기"><img src="/img/pholar.jpg">폴라로</a></li>
<li><a href="javascript:toSNS('pinterest','공유제목!','http://도메인')" title="핀터레스트로 가져가기"><img src="/img/pinterest.jpg">핀터레스트로</a></li>
<li><a href="javascript:toSNS('band','공유제목!','http://도메인')" title="밴드로 가져가기"><img src="/img/band.jpg">밴드로</a></li>
<li><a href="javascript:toSNS('google','공유제목!','http://도메인')" title="구글플러스로 가져가기"><img src="/img/google.jpg">구글플러스로</a></li>
<li><a href="javascript:toSNS('blog','공유제목!','http://도메인')" title="네이버블로그로 가져가기"><img src="/img/blog.jpg">네이버블로그로</a></li>
</ul>
<ul>
<li><input type="text" value="http://도메인"><a href="javascript:copy_clip('http://도메인')"><img src="/img/sns_btn.jpg" class="sns_btn">URL복사</a></li>
</ul>

]]> 포인원 Wed, 14 Mar 2018 17:14:00 +0900 jQuery 다수의 Ajax 요청 처리 관련 http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=91 jQuery를 이용하여 다수의 Ajax 요청을 처리하여 결과 값으로 처리할 비지니스가 있는 경우. 문제가 발생 할 수 있다. 기본적으로 Javascript의 Ajax요청은 비동기 요청이 default 값 이기 때문에 ajax 요청은 진행 되는 상황에서도 다음 코드는 실행이 된다. 이와 같은 현상을 피할 수 있는 방법을 소개 한다.


1. setTimeout


 

//...

setTimeout(function() {

// process 

}, 1000); 

//... 

 

 

위와 같은 방법을 이용하는 경우 1번째 인자는 구현하는 함수이고, 2번째 인자는 밀리초 단위로 들어간다. 위 방법은 그다지 추천하는 방법은 아니지만, 구현은 가능하다.

 

2. ajax 동기요청



//... 

$.ajax({

//...

async: false, 

//... 

}); 

//...


 

jQuery를 사용 했는데, async는 기본 값이 true이고 비동기 요청을 하게 된다. 이 값을 false로 적용하게 되면, 동기 요청을 하면서 순차적인 처리가 가능해진다.  

 

]]> 포인원 Fri, 09 Mar 2018 18:35:56 +0900 parent() 활용 - 클릭한 클래스의 상위 클래스 찾아서 hide() http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=90 .parent()는 어떤 요소의 부모 요소를 선택합니다.
 
<div  class="bubble_div b1"><div class="bubble">test<span class="close"></span></div><span class="tail"></span></div>
 
에서 class="close"를 클릭 시 자신의 상위 클래스를 찾아 hide하려면
 

$('.close').click(function(){
     $(this).parent().parent().hide();
});
 
반대로 자식 요소를 선택하려면 .children()을 사용

 

]]> 포인원 Fri, 09 Mar 2018 18:34:32 +0900 스크롤바 상단 고정메뉴 http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=89 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Insert title here</title>
    <style>
        html,
        body {
            margin: 0;
            padding: 0;
        }

        div {
            text-align: center;
        }

        #wrapper {
            width: 100%;
            overflow: hidden;
            margin: 0 auto;
        }

        #wrapper #header {
            background-color: #ffff00;
            color: #bbb;
            height: 100px;
        }

        #wrapper #menu {
            background-color: #bbb;
            height: 50px;
            color: #fff;
            width: 800px;
        }

        #wrapper #contents {
            background-color: #eee;
            height: 1000px;
        }
    </style>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            var menupos = $("#menu").offset().top;
            $(window).scroll(function() {
                if ($(window).scrollTop() >= menupos) {
                    $("#menu").css("position", "fixed");
                    $("#menu").css("top", "0");
                } else {
                    $("#menu").css("position", "relative");
                    $("#menu").css("top", "");
                }
            });
        });
    </script>

</head>

<body>
    <div id="wrapper">
        <div id="header">header</div>
        <div id="menu">menu</div>
        <div id="contents">
            contents
        </div>
    </div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>

</html>

 

]]> 포인원 Fri, 09 Mar 2018 18:33:09 +0900 jquery 해당 클래스안에서 iframe name찾기, iframe과 iframe간 제어 http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=88 <div class="product01_0602">
    <iframe name="test11" src="test1.php">
 </iframe>
</div>
<div class="product01_0603">
    <iframe name="test22" src="test2.php">
 </iframe>
</div>

위와 같이 test2.php에서 test1.php안의 id가 cover_no에서 값을 제어하고자 할때
iframe의 name가 고정되었다면 크게 문제가 되지 않겠지만... 랜덤으로 생성될때

iframe의 이름을 찾아야 할때
$('.product01_0602', parent.document).find("iframe").attr("name");

그리고 test2.php에서 test1.php의 cover_no값을 변경하려면
$("#cover_no", parent.frames[$('.product01_0602', parent.document).find("iframe").attr("name")].document).val("test");]]> 포인원 Fri, 09 Mar 2018 18:31:22 +0900 jquery 파일업로드 미리보기 http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=87 검색해본 결과 여러가지 방법이 있는데...
좋은정보가 있는곳을 찾아냈음..
 
음... 좋긴 한데..
한개의 이미지를 업로드 할때는 좋은데..
여러개의 업로드 할때 미리보기 할때가 미리 id를 정해주는 문제도 불편하고
소스도 길어진다는 생각에..조금 변경을 해서 사용해야겠다 생각..
 
<script language="JavaScript" src="/index/include/jquery.min.js"></script>
<script language="javascript">
    var setPreview = function(opt) {
        var inputFile = opt.inputFile.get(0);
        var img = opt.img.get(0);
        // FileReader
        if (window.FileReader) {
            // image 파일만
            if (!inputFile.files[0].type.match(/image\//)) return;
            // preview
            try {
                var reader = new FileReader();
                reader.onload = function(e) {
                    img.src = e.target.result;
                    img.style.width = opt.w + 'px';
                    img.style.height = opt.h + 'px';
                    img.style.display = '';
                }
                reader.readAsDataURL(inputFile.files[0]);
            } catch (e) {
                // exception...
            }
            // img.filters (MSIE)
        } else if (img.filters) {
            inputFile.select();
            inputFile.blur();
            var imgSrc = document.selection.createRange().text;
            img.style.width = opt.w + 'px';
            img.style.height = opt.h + 'px';
            img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enable='true',sizingMethod='scale',src=\"" + imgSrc + "\")";
            img.style.display = '';
            // no support
        } else {
            // Safari5, ...
        }
    }
    $(function() {
        $('.img_upload').change(function() {
            var opt = {
                inputFile: $(this),
                img: $($(this).attr('img_target')),
                w: $($(this).attr('img_target')).width(),
                h: $($(this).attr('img_target')).height()
            };
            setPreview(opt);
        });
    });
</script>
<img src="" name="test_img1" id="test_img1" width="234" height="135"><br>
<input type="file" name="main_img_1" id="main_img_1" style="width:200px;border:0;font-size:12px" class="img_upload" img_target="#test_img1">
<br><br><br>
<img src="" name="test_img2" id="test_img2" width="234" height="135"><br>
<input type="file" name="main_img_2" id="main_img_2" style="width:200px;border:0;font-size:12px" class="img_upload" img_target="#test_img2">

계속 추가해서 사용해도 잘 됨..
어차피 여러부라우져에서 된다는 소스는 가져온거라..
크롬, 익스11에서만 테스트하고 적용

 

]]> 포인원 Fri, 09 Mar 2018 18:29:50 +0900 'jquery date picker' 시작날짜 이후로 마지막날짜 달력 보이기 http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=86 jquery date picker를 사용해서
두개의 input창을 사용해서 시작날짜를 선택후 마지막날짜의 시작을 시작날짜 이후로 선택하려면 ..
 
1.
 

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>jQuery UI Datepicker - Default functionality</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script>
        $(function() {
            $("#start_date").datepicker({
                dateFormat: 'yy-mm-dd',
                showOn: 'button',
                buttonText: "start",
                changeMonth: true,
                changeYear: true,
                showButtonPanel: true,
                yearRange: 'c-1:c+10',
                minDate: '0d'
            });

            $("#end_date").datepicker({
                dateFormat: 'yy-mm-dd',
                showOn: 'button',
                buttonText: "start",
                changeMonth: true,
                changeYear: true,
                showButtonPanel: true,
                yearRange: 'c-1:c+10',
                minDate: '0d',
                beforeShow: function() {
                    var startDate = $("#start_date").datepicker('getDate');
                    //if a date was selected else do nothing
                    if (startDate != null) {
                        startDate.setMonth(startDate.getMonth());
                        $(this).datepicker('option', 'minDate', startDate);
                    }
                }

            });
        });
    </script>
</head>

<body>
    <p>start Date: <input type="text" id="start_date"></p>
    <p>end Date: <input type="text" id="end_date"></p>
</body>

</html>

 

2.

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>jQuery UI Datepicker - Default functionality</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script>
        $(function() {
            $("#from").datepicker({
                defaultDate: "+1w",
                changeMonth: true,
                numberOfMonths: 3,
                onClose: function(selectedDate) {
                    $("#to").datepicker("option", "minDate", selectedDate);
                }
            });
            $("#to").datepicker({
                defaultDate: "+1w",
                changeMonth: true,
                numberOfMonths: 3,
                onClose: function(selectedDate) {
                    $("#from").datepicker("option", "maxDate", selectedDate);
                }
            });
        });
    </script>
</head>

<body>
    <label for="from">From</label>
    <input type="text" id="from" name="from">
    <label for="to">to</label>
    <input type="text" id="to" name="to">
</body>

</html>

]]> 포인원 Fri, 09 Mar 2018 18:22:29 +0900 정수로 반환하면서 NaN일때 0으로 처리 http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=85 포인원 Fri, 09 Mar 2018 18:21:23 +0900 Strict Standards: Assigning the return value of new by reference is deprecated in /home/goodbook/public_html/BlueAD/phpExcelReader/Excel/reader.php http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=84 phpExcelReader를 사용 하다가
Strict Standards: Assigning the return value of new by reference is deprecated in /home/goodbook/public_html/BlueAD/phpExcelReader/Excel/reader.php on line 외와 같은 에러가 난다면..
 
검색결과
reader.php에서
function Spreadsheet_Excel_Reader()
{
     $this->_ole =& new OLERead();
     $this->setUTFEncoder('iconv');
}
 
$this->_ole =& new OLERead(); << 이부분을
$t = new OLERead();
$this->_ole =& $t;로 변경해주면 해결 됨

 

]]> 포인원 Fri, 09 Mar 2018 16:56:04 +0900 array_keys() [function.array-keys]: The first argument should be an array in http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=83 에러를 발견하고 나서 검색을 해봤는데 정확하게 해결되지는 않고
권한설정이 문제다. 케릭터셋이 문제다 이런식의 글들만 발견될뿐...

해당라인의 소스를 보면
$values = array_keys($addr);
foreach($values as $val_) {
}
그전 서버에서는 문제가 없이 잘 사용했다던데..

검색결과
$values = array_keys($addr); 이부분을
$values = array_keys((array)$addr);
로 변경해주면 에러가 해결됨

]]> 포인원 Fri, 09 Mar 2018 16:55:22 +0900 phpize 실행 Cannot find autoconf. Please check your autoconf installation and the $PHP_AUTOCONF environment variable. Then, rerun this script. http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=82 Cannot find autoconf. Please check your autoconf installation and the
$PHP_AUTOCONF environment variable. Then, rerun this script.
위와 같은 문구로 실행이 되지 않는다면

# whereis phpize
phpize: /usr/bin/phpize
없으면, php-devel을 설치하시면 됩니다.

phpize는 phpize는 php-devel에 속한 패키지
# yum install php-devel

]]> 포인원 Fri, 09 Mar 2018 16:53:21 +0900 [phpmyadmin]mysqli 확장모듈을 불러올 수 없습니다.<br />PHP 환경설정을 검사하십시오 http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=81 php 재컴파일 없이 동적모듈 추가

# cd php소스디렉터리/ext/mysqli
# /usr/local/php/bin/phpize (phpize 실행)

# ./configure
> --with-php-config=/usr/local/php/bin/php-config
> --with-mysqli=/usr/local/mysql/bin/mysql_config

# make

완료 후 모듈을 설치합니다.
# mkdir /usr/local/php/modules (이폴더에 추가모듈을 넣습니다.)
# cp modules/mysqli.* /usr/local/php/modules

php.ini 파일을 수정합니다.
# extension_dir = "./" ==>> extension_dir=/usr/local/php/modules (수정)
# extension=mysqli.so (추가)

그래도 적용이 안된다면
# vi /usr/local/server/apache/conf/php.ini 에서 수정
# service httpd restart

]]> 포인원 Fri, 09 Mar 2018 16:51:48 +0900 Apache 재시작시 (98)Address already in use: make_sock:could not bind to address 0.0.0.0:80 http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=80 0.0.0.0:80 즉, 80을 통한 소켓 연결이 불가능하다는 에러 내용
이럴 때는 80을 잡고 있는 프로세스를  kill 하여야 한다

netstat -anp | grep 80
tcp        0      0 0.0.0.0:80              0.0.0.0:*               LISTEN      100/httpd

위와 같이 80에 해당하는 프로세스를 찾아서 안보일때 까지 kill 

 kill -9 100 

80을 잡고 있는 프로세스가 또 있을 수 있기 때문에,
kill 후 netstat로 재확인하여서 80을 잡고 있는 프로세스를 위와 같은 방법으로 모두 kill한다   

그런 후, Apache 재시작 !!

 

]]> 포인원 Fri, 09 Mar 2018 16:34:22 +0900 httpd: Syntax error on line 106 of /usr/local/server/apache/conf/httpd.conf: Cannot load /usr/local/server/apache/modules/libphp5.so http://bluew.net/bbs/board.php?bo_table=reference&amp;wr_id=79 이는 SELINUX가 원인이다.
SELINUX란, 일종의 보안 관련 프로그램이라 생각하면 되고, 페도라3부터 기본으로 적용되었고,
기본으로 완화된 정책패키지인 Targeted policy 설치시 기본으로 제공된다.

해결 방안

1) SELINUX 를 Disabled 시키기
vi /etc/sysconfig/selinux
내용 중에서 SELINUX=disabled 로 설정

2) 위의 방법으로도 해결 안될시
chcon -t texrel_shlib_t /usr/local/server/apache/modules/*.so

]]> 포인원 Fri, 09 Mar 2018 15:37:07 +0900