그누보드
[팁]
스마트폰용 2차원 바코드 QR 코드 적용하기
로빈아빠
본문
상단에 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>
관련링크
- http://freeimage.kr/bbs/?bd=tip_gnu 1565회 연결
댓글목록
등록된 댓글이 없습니다.