basti1012
Senior HTML'ler
Nach einen kleinen a...tritt und etwas überlegen ,habe ich mir überlegt ein eigenes Gästebuch zu erstellen.
Ich hatte mir mal eins gedownloadet ,aber erstens ist es nicht so schön, es ist Werbung drinne,und das fremde Copyright nervt.
Könnte man zwar ändern,aber wie wir alle wissen ist es ja nicht erlaubt.
Deswegen habe ich angefangen das jetzt selbst zu erstellen.
Als erstes möchte ich das Script fertig stellen und solange bis es Fertig ist und ich es checke in einer TXT schreiben.
Wenn das Script fertig ist ,muß ich etwas lesen gehen damit ich die Datenbanken verstehe.
Aber soweit bin ich noch nicht.
Bis jetzt funktionert mein Script zwar ,aber nicht gut.
Sobald man einen Zeilensprung macht (Enter drückt ) wird vom Script eine neue Nachricht verschickt .
Dann muß die Ausgabe andersrum sein,also das die letzte Nachricht nach oben kommt.
Und es ist geplant die Seiten Anzahl zb auf (20 Einträge ) zu begrenzen ,damit man nicht ewig Scrollen muß.
So aber erstmal zum Code damit ihr was zum lachen habt.
Erstesn das Html Script Sender
Das ist der Php Teil
Ich hatte mir mal eins gedownloadet ,aber erstens ist es nicht so schön, es ist Werbung drinne,und das fremde Copyright nervt.
Könnte man zwar ändern,aber wie wir alle wissen ist es ja nicht erlaubt.
Deswegen habe ich angefangen das jetzt selbst zu erstellen.
Als erstes möchte ich das Script fertig stellen und solange bis es Fertig ist und ich es checke in einer TXT schreiben.
Wenn das Script fertig ist ,muß ich etwas lesen gehen damit ich die Datenbanken verstehe.
Aber soweit bin ich noch nicht.
Bis jetzt funktionert mein Script zwar ,aber nicht gut.
Sobald man einen Zeilensprung macht (Enter drückt ) wird vom Script eine neue Nachricht verschickt .
Dann muß die Ausgabe andersrum sein,also das die letzte Nachricht nach oben kommt.
Und es ist geplant die Seiten Anzahl zb auf (20 Einträge ) zu begrenzen ,damit man nicht ewig Scrollen muß.
So aber erstmal zum Code damit ihr was zum lachen habt.
Erstesn das Html Script Sender
Code:
<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
<style>
body{
background:#123456;
}
#content{
padding-top:0px;
width:100%;
height:100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: stretch;
align-items: center;
}
label{
width:30%;
font-size:25px;
font-weight:500;
color:white;
text-align:center;
}
input{
height:40px;
width:300px;
font-size:30px;
color:black;
}
textarea{
width:300px;
height:100px;
}
#ausgabe{
border-top:10px solid black;
border-left:10px solid black;
background:white;
width:80%;
margin-top:20px;
min-height:200px;
height:500px;
overflow-y:auto;
overflow-x:hidden;
box-shadow:10px 10px 10px black;
margin-bottom:10px;
}
.feld{
width:100%;
height:auto;
border:2px solid black;
}
.oben{
width:100%;
height:25px;
background:grey;
border:1px solid black;
}
.datum{
margin:0px;
padding-left:10px;
float:left;
margin-top:5px;
}
p{
margin:2px 10px 2px 10px;
}
.nname{
float:right;
margin:0px;
padding-right:10px;
margin-top:5px;
}
.ttext{
width:100%;
min-height:50px;
max-height:200px;
overflow:auto;
}
h1{
width:100%;
text-align:center;
text-decoration:underline;
color:white;
margin:0;
padding:0;
}
#spinner {
position: fixed;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
text-align:center;
z-index:1234;
overflow: auto;
width: 100px;
height: 102px;
display:none;
}
</style>
</head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<body>
<div id="spinner" class="spinner">
<img src="http://sampsonresume.com/labs/pIkfp.gif">
</div>
<div id="wrapper">
<header><h1>Mein Gästebuch</h1></header>
<div id="content">
<div id="ausgabe">
<?php
$speicherort = $_SERVER['DOCUMENT_ROOT']."/gast.txt";
$daten = array();
if (file_exists($speicherort)){
$daten = file($speicherort, FILE_IGNORE_NEW_LINES);
$count1 = 0;
while(isset($daten[$count1])) {
$daten[$count1] = explode(",", $daten[$count1]);
$count1++;
}
}
$count1 = 0;
while(isset($daten[$count1][0])){
$datum = str_replace('"', "", $daten[$count1][0]);
$nick = str_replace('"', "", $daten[$count1][4]);
$text = str_replace('"', "", $daten[$count1][5]);
echo "<div class='feld'><div class='oben'><h5 class='nname'>$nick</h5><h5 class='datum'>$datum</h5></div><p class='textt'>$text</p></div>\n";
$count1++;
}
?>
</div>
<label>Dein Name( Nickname )</label><br>
<input type="text" id="name" name="name" value="" maxlength="25"><br>
<label>Deine Nachricht</label><br>
<textarea id="sms" name="sms"value=""placeholder="Deine Message...."></textarea><br>
<input type="button" id="senden" value="Eintragen"><br>
<div id="reture">
Ip: <?php echo $ip = $_SERVER["REMOTE_ADDR"];?> wird nicht angezeigt
</div>
</div>
<script>
$('#senden').click(function(){
$('#spinner').css('display','block');
wer=$('#name').val();
smstext=$('#sms').val();
$.ajax({
type: "POST",
url: "mein-eigenes-gastebuch-speier-php.php",
data: {name: wer, sms:smstext},
success: function(data){
$('#spinner').css('display','none');
$('#reture').html(data);
}
});
});
</script>
</div>
</body>
</head>Das ist der Php Teil
Code:
<?php
error_reporting(E_ALL);
ini_set('display_errors', true);
$dateiname = $_SERVER['DOCUMENT_ROOT']."/gast.txt"; //Speicherort der .csv Datei
$datum_zeit = date("d.m.Y H:i:s");
$ip = $_SERVER["REMOTE_ADDR"];
$browser = $_SERVER["HTTP_USER_AGENT"];
$format = "csv";
$name = $_POST['name'];
$sms = $_POST['sms'];
echo "Dein Name : ".$name."<br>";
echo "Deine Nachricht : ".$sms."<br>";
echo "Gesendet am : ".$datum_zeit."<br>";
echo "Mit der Ip : ".$ip."<br>";
if (isset($name)) {
$header = array("Datum", "Iptown", "IP", "Seite", "Browser");
$infos = array($datum_zeit, $ip , $browser , $name , $sms);
if($format == "csv") {
$eintrag= '"'.implode('", "', $infos).'"';
} else {
$eintrag = implode("\t", $infos);
}
$write_header = !file_exists($dateiname);
$datei=fopen($dateiname,"a");
if($write_header) {
$header_line = '"'.implode('", "', $header).'"';
fputs($datei, $header_line."\n");
}
fputs($datei,$eintrag."\n");
fclose($datei);
}else{
return;
}
?>
