스마트폰용 2차원 바코드 QR 코드 적용하기 (GD 라이브리 필요없음) 정보
스마트폰용 2차원 바코드 QR 코드 적용하기 (GD 라이브리 필요없음)
관련링크
본문
상단에 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개
구글 차트가 qrcode 도 지원하는군요.
좋은 정보 감사합니다.
좋은 정보 감사합니다.
감사합니다. 구글로 싹 바꿔야겠네요 ㅎㅎ
큐알코드 쉽게 제작되어 좋네요
좋은 정보 감사합니다.
좋은 정보 감사 합니다.
이코드를 킴스큐rb에서도 사용할수 있을가여?
이코드를 킴스큐rb에서도 사용할수 있을가여?
네 당연하게 사용가능합니다. 자바스크립트만으로 구현해서 사용상에 문제도 없을듯합니다.^^ 원소스도 제가만든것이라서 상관없습니다.
감사 합니다
