스마트폰용 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개
14년 전
구글 차트가 qrcode 도 지원하는군요.
좋은 정보 감사합니다.
좋은 정보 감사합니다.
raineye
14년 전
감사합니다. 구글로 싹 바꿔야겠네요 ㅎㅎ
14년 전
큐알코드 쉽게 제작되어 좋네요
SEUNG
14년 전
좋은 정보 감사합니다.
14년 전
좋은 정보 감사 합니다.
이코드를 킴스큐rb에서도 사용할수 있을가여?
이코드를 킴스큐rb에서도 사용할수 있을가여?
14년 전
네 당연하게 사용가능합니다. 자바스크립트만으로 구현해서 사용상에 문제도 없을듯합니다.^^ 원소스도 제가만든것이라서 상관없습니다.
11qkr
4년 전
감사 합니다
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 9 | 20년 전 | 8010 | ||
| 8 | 20년 전 | 5878 | ||
| 7 | 20년 전 | 6331 | ||
| 6 | 20년 전 | 10665 | ||
| 5 | 20년 전 | 6299 | ||
| 4 | 20년 전 | 7725 | ||
| 3 | 20년 전 | 7458 | ||
| 2 | 20년 전 | 8822 | ||
| 1 | 20년 전 | 7949 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기