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개
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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 23254 | |
| 23244 | |
| 23241 | |
| 23236 | |
| 23200 | |
| 23199 | |
| 23179 | |
| 23174 | |
| 23138 | |
| 23128 | |
| 23125 | |
| 23116 | |
| 23109 | |
| 23099 | |
| 23092 | |
| 23083 | |
| 23079 | |
| 23063 | |
| 23050 | |
| 23036 | |
| 23029 | |
| 23007 | |
| 23003 | |
| 22983 | |
| 22959 | |
| 22943 | |
| 22939 | |
| 22934 | |
| 22905 | |
| 22897 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기