게시판 view페이지에 qr코드 추가하기
view.skin.php 제일 아래에 아래 코드 추가하시면됩니다.
[code]
<script>
$(document).ready(function () {
$("head").append('<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.js">');
$("#bo_v_con").prepend('<div id="qr-code-view"></div>');
setTimeout(function() {
var qrcode = new QRCode(document.getElementById("qr-code-view"), {
text: window.location.href,
width: 100,
height: 100,
colorDark : "#000",
colorLight : "#fff",
correctLevel :1
});
}, 100);
})
</script>
[/code]
댓글 6개
추천합니다.
추천합니다. 멋진팁입니다
그렇게요 바로 bo_v_con 요소로인해서 바로 QR이생성이되는군요 감사합니다.^^ 그러면 기존 view.sns.skin.php 플러그인에서 sns를 호출을 하고있는데 이것을 적용시켜줄려면 어떻게해야 할까요 ;;
css 추가 버전 AI..
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QR 코드 생성기</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<style>
body {
font-family: Arial, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
background-color: #f0f0f0;
}
#container {
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
text-align: center;
}
input {
padding: 10px;
margin: 10px 0;
width: 80%;
max-width: 300px;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
padding: 10px 20px;
border: none;
border-radius: 5px;
background-color: #007bff;
color: white;
font-size: 16px;
cursor: pointer;
}
button:hover {
background-color: #0056b3;
}
#qr-code-view {
margin-top: 20px;
}
</style>
<div id="container">
<label for="user-input">홈페이지 주소 입력:</label>
<input type="text" id="user-input" placeholder="Enter text here">
<button onclick="generateQRCode()">QR 코드 생성</button>
<div id="qr-code-view"></div>
</div>
<script>
function generateQRCode() {
var inputText = document.getElementById("user-input").value;
if (inputText) {
document.getElementById("qr-code-view").innerHTML = "";
var qrcode = new QRCode(document.getElementById("qr-code-view"), {
text: inputText,
width: 150,
height: 150,
colorDark: "#000",
colorLight: "#fff",
correctLevel: QRCode.CorrectLevel.H
});
} else {
alert("Please enter a value to generate the QR code.");
}
}
</script>
</body>
</html>
감사합니다
멋지네요 최곱니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4415 | ||
| 2424 | 1년 전 | 1144 | ||
| 2423 | 1년 전 | 1163 | ||
| 2422 |
 마르스컴퍼니 |
1년 전 | 1839 | |
| 2421 | 1년 전 | 1065 | ||
| 2420 |
 세죠위그이 |
1년 전 | 1846 | |
| 2419 | 1년 전 | 1155 | ||
| 2418 | 1년 전 | 1143 | ||
| 2417 | 1년 전 | 931 | ||
| 2416 | 1년 전 | 1226 | ||
| 2415 | 1년 전 | 1111 | ||
| 2414 | 1년 전 | 997 | ||
| 2413 | 1년 전 | 1400 | ||
| 2412 |
 oneit |
1년 전 | 2004 | |
| 2411 | 1년 전 | 995 | ||
| 2410 | 1년 전 | 1862 | ||
| 2409 | 1년 전 | 1695 | ||
| 2408 | 1년 전 | 1192 | ||
| 2407 | 1년 전 | 1162 | ||
| 2406 | 1년 전 | 835 | ||
| 2405 | 1년 전 | 2046 | ||
| 2404 |
와칸다포에버
|
1년 전 | 1049 | |
| 2403 | 1년 전 | 1126 | ||
| 2402 |
뽕엄능브라
|
1년 전 | 2057 | |
| 2401 | 1년 전 | 1162 | ||
| 2400 | 1년 전 | 1263 | ||
| 2399 | 1년 전 | 1849 | ||
| 2398 | 1년 전 | 1582 | ||
| 2397 | 1년 전 | 1895 | ||
| 2396 | 1년 전 | 1262 | ||
| 2395 | 1년 전 | 1081 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기