Web sayfası düzenleme işi (küçük bir iş)

12-03-2023, 14:26:51

Merhaba,
Basite indirgeyip misal ile anlatayım. Sayfada bir form var. Kişi üst kısımdaki bilgileri doldurup ileri butonuna bastığında ad soyad, email, telefon gibi bilgilerin ekranın altında tekrar gösterilmesi gerekiyor. Alttaki kod parçası PHP ile yazılmış olduğundan dolayı gönderilecek olan bilgiler PHP değişkenine atanmalı. (Tüm işlemler tek sayfada yapılacak, post edince sayfa yenilenmeyecek, ayrı bir sayfa açılmayacak.) Hepsi bu kadar. Daha iyi anlaşılsın diye şematize ettim.

Hızlı ve uygun bir şekilde yardımcı olacak arkadaşlar Whatsapp'tan yazabilir. Lütfen PM atmayın. Whatsapp linkim

12-03-2023, 14:30:40

#2

Misafir

Hocam konudaki mesajını aynen ChatGPT'ye gönderdim ve şu kodu verdi. Farklı bir şey lazımsa ben yardımcı olayım ama çok aşırı basit bir iş olduğu için bu yolu kullandım. Belki işini görür.

<!DOCTYPE html>
<html>
<head>
<title>Form Örneği</title>
</head>
<body>
<?php
// Form verilerini işle
$ad_soyad = $_POST["ad_soyad"];
$email = $_POST["email"];
$telefon = $_POST["telefon"];
?>
<form method="post">
<label for="ad_soyad">Ad Soyad:</label>
<input type="text" id="ad_soyad" name="ad_soyad"><br>

<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>

<label for="telefon">Telefon:</label>
<input type="tel" id="telefon" name="telefon"><br>

<input type="submit" value="İleri">
</form>

<?php
// Form verilerini görüntüle
if ($_SERVER["REQUEST_METHOD"] == "POST") {
echo "<h2>Gönderilen Bilgiler:</h2>";
echo "<table>";
echo "<tr><td>Ad Soyad:</td><td>" . $ad_soyad . "</td></tr>";
echo "<tr><td>Email:</td><td>" . $email . "</td></tr>";
echo "<tr><td>Telefon:</td><td>" . $telefon . "</td></tr>";
echo "</table>";
}
?>
</body>
</html>

12-03-2023, 14:32:23

#3

Müneccim

Misafir adlı üyeden alıntı: mesajı görüntüle

Hocam konudaki mesajını aynen ChatGPT'ye gönderdim ve şu kodu verdi. Farklı bir şey lazımsa ben yardımcı olayım ama çok aşırı basit bir iş olduğu için bu yolu kullandım. Belki işini görür.

<!DOCTYPE html>
<html>
<head>
<title>Form Örneği</title>
</head>
<body>
<?php
// Form verilerini işle
$ad_soyad = $_POST["ad_soyad"];
$email = $_POST["email"];
$telefon = $_POST["telefon"];
?>
<form method="post">
<label for="ad_soyad">Ad Soyad:</label>
<input type="text" id="ad_soyad" name="ad_soyad"><br>

<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>

<label for="telefon">Telefon:</label>
<input type="tel" id="telefon" name="telefon"><br>

<input type="submit" value="İleri">
</form>

<?php
// Form verilerini görüntüle
if ($_SERVER["REQUEST_METHOD"] == "POST") {
echo "<h2>Gönderilen Bilgiler:</h2>";
echo "<table>";
echo "<tr><td>Ad Soyad:</td><td>" . $ad_soyad . "</td></tr>";
echo "<tr><td>Email:</td><td>" . $email . "</td></tr>";
echo "<tr><td>Telefon:</td><td>" . $telefon . "</td></tr>";
echo "</table>";
}
?>
</body>
</html>

Hocam bu işlemin tek sayfada olması lazım, post edince ayrı sayfa açılmamalı. İlginize teşekkür ederim.

12-03-2023, 14:33:33

#4

Misafir

VasiTeknoloji adlı üyeden alıntı: mesajı görüntüle

Hocam bu işlemin tek sayfada olması lazım, post edince ayrı sayfa açılmamalı. İlginize teşekkür ederim.

Yukarıdaki kod o şekilde çalışıyor hocam.

12-03-2023, 14:36:29

#5

Müneccim

Misafir adlı üyeden alıntı: mesajı görüntüle

Yukarıdaki kod o şekilde çalışıyor hocam.

Anlatamadım sanırım. Sayfa yenilenmemeli demem daha uygun olurdu. Muhtemelen JS kullanılacak.

12-03-2023, 14:42:03

#6

vural17

Ajax kullanarak sayfa yenilemesi olmadan aktif biçimde işlem yapmanızı gerçekleştirebilirsinşz hocam .

12-03-2023, 14:42:15

#7

Misafir

VasiTeknoloji adlı üyeden alıntı: mesajı görüntüle

Anlatamadım sanırım. Sayfa yenilenmemeli demem daha uygun olurdu. Muhtemelen JS kullanılacak.

Dediğiniz şekilde kodu düzenlettim hocam.

<!DOCTYPE html>
<html>
<head>
<title>Form Örneği</title>
</head>
<body>
<form id="myForm">
<label for="ad_soyad">Ad Soyad:</label>
<input type="text" id="ad_soyad" name="ad_soyad"><br>

<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>

<label for="telefon">Telefon:</label>
<input type="tel" id="telefon" name="telefon"><br>

<input type="submit" value="İleri">
</form>

<div id="sonuclar"></div>

<script>
// Form gönderildiğinde çalışacak fonksiyon
function handleFormSubmit(event) {
event.preventDefault(); // Sayfayı yenilemeyi önle
const form = event.target; // Form elementine eriş
const data = new FormData(form); // Form verilerini al
const adSoyad = data.get("ad_soyad");
const email = data.get("email");
const telefon = data.get("telefon");

// Girdi değerlerini görüntüle
const sonuclarDiv = document.getElementById("sonuclar");
sonuclarDiv.innerHTML = `
<h2>Gönderilen Bilgiler:</h2>
<table>
<tr><td>Ad Soyad:</td><td>${adSoyad}</td></tr>
<tr><td>Email:</td><td>${email}</td></tr>
<tr><td>Telefon:</td><td>${telefon}</td></tr>
</table>
`;
}

// Formun submit olayını dinle
const myForm = document.getElementById("myForm");
myForm.addEventListener("submit", handleFormSubmit);
</script>
</body>
</html>

aliyasiny65 ve Müneccim bunu beğendi.

2 kişi bunu beğendi.

12-03-2023, 19:58:21

#8

Müneccim

Misafir adlı üyeden alıntı: mesajı görüntüle

Dediğiniz şekilde kodu düzenlettim hocam.

<!DOCTYPE html>
<html>
<head>
<title>Form Örneği</title>
</head>
<body>
<form id="myForm">
<label for="ad_soyad">Ad Soyad:</label>
<input type="text" id="ad_soyad" name="ad_soyad"><br>

<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>

<label for="telefon">Telefon:</label>
<input type="tel" id="telefon" name="telefon"><br>

<input type="submit" value="İleri">
</form>

<div id="sonuclar"></div>

<script>
// Form gönderildiğinde çalışacak fonksiyon
function handleFormSubmit(event) {
event.preventDefault(); // Sayfayı yenilemeyi önle
const form = event.target; // Form elementine eriş
const data = new FormData(form); // Form verilerini al
const adSoyad = data.get("ad_soyad");
const email = data.get("email");
const telefon = data.get("telefon");

// Girdi değerlerini görüntüle
const sonuclarDiv = document.getElementById("sonuclar");
sonuclarDiv.innerHTML = `
<h2>Gönderilen Bilgiler:</h2>
<table>
<tr><td>Ad Soyad:</td><td>${adSoyad}</td></tr>
<tr><td>Email:</td><td>${email}</td></tr>
<tr><td>Telefon:</td><td>${telefon}</td></tr>
</table>
`;
}

// Formun submit olayını dinle
const myForm = document.getElementById("myForm");
myForm.addEventListener("submit", handleFormSubmit);
</script>
</body>
</html>

Çok teşekkür ederim.