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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 22349 | |
| 22347 | |
| 22312 | |
| 22308 | |
| 22303 | |
| 22282 | |
| 22269 | |
| 22259 | |
| 22253 | |
| 22234 | |
| 22221 | |
| 22197 | |
| 22191 | |
| 22179 | |
| 22151 | |
| 22144 | |
| 22135 | |
| 22130 | |
| 22118 | |
| 22110 | |
| 22098 | |
| 22095 | |
| 22076 | |
| 22057 | |
| 22053 | |
| 22051 | |
| 22050 | |
| 22046 | |
| 22044 | |
| 22042 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기