6 글 보임 - 1 에서 6 까지 (총 6 중에서)
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> </head> <body>
<nav id="navbar-example2" class="navbar bg-body-tertiary px-3 mb-3"> 세안정기 <ul class="nav nav-pills"> <!-- 나머지 네비게이션 바 코드는 동일하게 유지됩니다 -->
</nav>
<div class="container"> <div class="detail-pic my-4" style="background-image: url('https://picsum.photos/400');"></div> <div> <h5 class="author">올린사람: 모름</h5> <hr> <h5 class="title">상품명</h5> <p class="date">올린날짜</p> <p class="price">가격</p> </div> <button class="btn-outline-secondary" id="edit">수정</button> <button class="btn-outline-secondary" id="chat">채팅</button> <!-- #chat 버튼 추가 --> </div><script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-auth.js"></script> <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-firestore.js"></script> <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-storage.js"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script> const firebaseConfig = { apiKey: "AIzaSyDhXipwML1Q6l0fUj7MeEau0SamKJdpsJ0", authDomain: "least-195a2.firebaseapp.com", projectId: "least-195a2", storageBucket: "least-195a2.appspot.com", messagingSenderId: "113456037188", appId: "1:113456037188:web:144286b9c1d391b1b9ab11" };const app = firebase.initializeApp(firebaseConfig); const db = app.firestore();
var 내uid = JSON.parse(localStorage.getItem('user')).uid; var 판매자uid; var 상품명;$('#chat').click(function(){ var 데이터 = { who: [내uid, 판매자uid], product: 상품명, date: new Date() };db.collection('chatroom').add(데이터).then((docRef) => { console.log("Document written with ID: ", docRef.id); // 페이지 이동 window.location.href = '/chatroom.html?id=' + docRef.id; }).catch((error) => { console.error("Error adding document: ", error); }); });var 쿼리스티링 = new URLSearchParams(window.location.search); var productId = 쿼리스티링.get('id');db.collection('product').doc(쿼리스티링.get('id')).get().then((result) => { console.log(result.data());판매자uid = result.data().uid; 상품명 = result.data().제목;
$('.author').html('올린사람: ' + result.data().이름); $('.title').html(result.data().제목); $('.price').html(result.data().가격); $('.detail-pic').css('background-image', `url(${result.data().이미지})`); }).catch((error) => { console.error("Error getting document:", error); });$('#edit').click(function(){ window.location.href = '/edit.html?id=' + 쿼리스티링.get('id'); });</script>
</body> </html> 디테일 코드 입니다. 현재 콘솔에 결과는 불러오는데 웹 페이지에 뜨지 않습니다.
6 글 보임 - 1 에서 6 까지 (총 6 중에서)
- 답변은 로그인 후 가능합니다.