| LiteSpeed Linux server2.poyrazhosting.com 3.10.0-962.3.2.lve1.5.77.el7.x86_64 #1 SMP Mon Dec 12 07:06:14 EST 2022 x86_64 safemode : OFF MySQL: OFF | Perl: OFF | cURL: ON | WGet: OFF > / home / cuneytsener53 / public_html / | Server Ip : 172.67.216.244 |
| Filename | /home/cuneytsener53/public_html/chatbot.php |
| Size | 3.25 kb |
| Permission | rw-r--r-- |
| Owner | |
| Create time | 03-Mar-2025 07:07 |
| Last modified | 20-Feb-2025 09:19 |
| Last accessed | 29-Mar-2025 23:21 |
| Actions | edit | rename | delete | download (gzip) |
| View | text | code | image |
<?php
session_start();
// Header dosyasını çağır
include $_SERVER['DOCUMENT_ROOT'] . '/include/header.php';
?>
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SNRSoft Chatbot</title>
<link rel="stylesheet" href="/style.css">
<style>
.chat-container {
display: flex;
flex-direction: column;
align-items: center;
margin: 50px auto;
max-width: 800px;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.chat-box {
width: 100%;
height: 400px;
overflow-y: auto;
border: 1px solid #ddd;
padding: 10px;
background: #fff;
border-radius: 5px;
}
.input-container {
display: flex;
justify-content: space-between;
margin-top: 10px;
width: 100%;
}
.user-input {
flex-grow: 1;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.send-btn {
padding: 10px 15px;
background: #007BFF;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
margin-left: 10px;
}
</style>
</head>
<body>
<div class="container">
<h2 class="text-center">Merhaba! Size nasıl yardımcı olabilirim?</h2>
<div class="chat-container">
<div class="chat-box" id="chat-box"></div>
<div class="input-container">
<input type="text" id="user-message" class="user-input" placeholder="Sorunuzu yazın...">
<button class="send-btn" onclick="sendMessage()">Gönder</button>
</div>
</div>
</div>
<script>
function sendMessage() {
let userMessage = document.getElementById("user-message").value.trim();
if (!userMessage) return;
let chatBox = document.getElementById("chat-box");
chatBox.innerHTML += `<div><strong>Sen:</strong> ${userMessage}</div>`;
document.getElementById("user-message").value = "";
fetch("/chatbot_api.php", {
method: "POST",
headers: {"Content-Type": "application/x-www-form-urlencoded"},
body: `message=${encodeURIComponent(userMessage)}`
})
.then(response => response.json())
.then(data => {
chatBox.innerHTML += `<div><strong>Bot:</strong> ${data.response}</div>`;
chatBox.scrollTop = chatBox.scrollHeight;
})
.catch(error => {
console.error("Hata:", error);
chatBox.innerHTML += `<div><strong>Bot:</strong> Şu an cevap veremiyorum. Lütfen daha sonra tekrar deneyin.</div>`;
});
}
</script>
</body>
<?php
// Footer dosyasını çağır
include $_SERVER['DOCUMENT_ROOT'] . '/include/footer.php';
?>
</html>
session_start();
// Header dosyasını çağır
include $_SERVER['DOCUMENT_ROOT'] . '/include/header.php';
?>
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SNRSoft Chatbot</title>
<link rel="stylesheet" href="/style.css">
<style>
.chat-container {
display: flex;
flex-direction: column;
align-items: center;
margin: 50px auto;
max-width: 800px;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.chat-box {
width: 100%;
height: 400px;
overflow-y: auto;
border: 1px solid #ddd;
padding: 10px;
background: #fff;
border-radius: 5px;
}
.input-container {
display: flex;
justify-content: space-between;
margin-top: 10px;
width: 100%;
}
.user-input {
flex-grow: 1;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.send-btn {
padding: 10px 15px;
background: #007BFF;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
margin-left: 10px;
}
</style>
</head>
<body>
<div class="container">
<h2 class="text-center">Merhaba! Size nasıl yardımcı olabilirim?</h2>
<div class="chat-container">
<div class="chat-box" id="chat-box"></div>
<div class="input-container">
<input type="text" id="user-message" class="user-input" placeholder="Sorunuzu yazın...">
<button class="send-btn" onclick="sendMessage()">Gönder</button>
</div>
</div>
</div>
<script>
function sendMessage() {
let userMessage = document.getElementById("user-message").value.trim();
if (!userMessage) return;
let chatBox = document.getElementById("chat-box");
chatBox.innerHTML += `<div><strong>Sen:</strong> ${userMessage}</div>`;
document.getElementById("user-message").value = "";
fetch("/chatbot_api.php", {
method: "POST",
headers: {"Content-Type": "application/x-www-form-urlencoded"},
body: `message=${encodeURIComponent(userMessage)}`
})
.then(response => response.json())
.then(data => {
chatBox.innerHTML += `<div><strong>Bot:</strong> ${data.response}</div>`;
chatBox.scrollTop = chatBox.scrollHeight;
})
.catch(error => {
console.error("Hata:", error);
chatBox.innerHTML += `<div><strong>Bot:</strong> Şu an cevap veremiyorum. Lütfen daha sonra tekrar deneyin.</div>`;
});
}
</script>
</body>
<?php
// Footer dosyasını çağır
include $_SERVER['DOCUMENT_ROOT'] . '/include/footer.php';
?>
</html>