스마트폰용 2차원 바코드 QR 코드 적용하기 (GD 라이브리 필요없음) 정보
스마트폰용 2차원 바코드 QR 코드 적용하기 (GD 라이브리 필요없음)![](http://sir.kr/data/member_image/xh/xhost.gif?1709567428)
관련링크
본문
상단에 2차원 바코드를 넣는 소스입니다.
주소는 항상 현재 주소를 가져오므로 다른 링크에서도 잘 동작됩니다.
구글 차트를 사용하므로 GD 라이버리가 없어도 됩니다.
QR code를 클릭하면 보여지고, 한번더 클릭하면 감춰집니다.
보임 여부는 쿠키로 저장하여 일정하게 표시됩니다.
테스트는 http://freeimage.kr/bbs/?bd=tip_gnu 에서
확인해보세요.
(상단에 QR 코드 클릭)
아래 소스입니다. head.php 의 상단부분에 넣으면 됩니다.
<a href="#" onclick=set_toggle('id_qrcode')>QR code</a>
<?
$url2="http://$_SERVER[HTTP_HOST]"."$_SERVER[REQUEST_URI]";
?>
<div id="id_qrcode"
style="z-index:10000;visibility:hidden;display:none">
<img
src="http://chart.apis.google.com/chart?cht=qr&chs=130x130&choe=UTF-8&chld=H&chl=<?=urlencode($url2)?>&chld=L|0"
title='QR코드 : <?=htmlspecialchars($g4['title'])?>
<?=htmlspecialchars($url2)?>'>
</div>
<script>
function
set_toggle(id) {
var
disp=document.getElementById(id);
if
(disp.style.visibility) {
disp.style.visibility="";
disp.style.display="block";
set_cookie("set_qrcode",1,30*24*3600);
}
else {
disp.style.visibility="hidden";
disp.style.display="none";
delete_cookie("set_qrcode");
}
}
var
disp=document.getElementById('id_qrcode');
if
(get_cookie("set_qrcode")) {
disp.style.visibility="";
disp.style.display="block";
}
else {
disp.style.visibility="hidden";
disp.style.display="none";
}
</script>
추천
7
7
댓글 7개
![](http://sir.kr/data/member_image/ne/neojins.gif?1598578010)
구글 차트가 qrcode 도 지원하는군요.
좋은 정보 감사합니다.
좋은 정보 감사합니다.
![](http://sir.kr/data/member_image/ra/rain.gif?1205410255)
감사합니다. 구글로 싹 바꿔야겠네요 ㅎㅎ
큐알코드 쉽게 제작되어 좋네요
좋은 정보 감사합니다.
좋은 정보 감사 합니다.
이코드를 킴스큐rb에서도 사용할수 있을가여?
이코드를 킴스큐rb에서도 사용할수 있을가여?
![](http://sir.kr/data/member_image/xh/xhost.gif?1709567428)
네 당연하게 사용가능합니다. 자바스크립트만으로 구현해서 사용상에 문제도 없을듯합니다.^^ 원소스도 제가만든것이라서 상관없습니다.
감사 합니다