myGully.com - Einzelnen Beitrag anzeigen - HTML/PHP

harun00 · 22.07.18, 13:37

hallo,

ich habe auf der website https://it-stack.de/09/02/2012/simpl...ting-formular/ was interessantes gefunden und möchte es in meine website implementieren. das hinzufügen in die website das bekomme ich hin, obwohl ich sehr wenig ahnung vom programmieren habe.
was ich aber leider nicht hinbekomme ist..den code ein bisschen anzupassen
1. es soll überprüfen ob alle felder ausgefüllt sind, wenn ja
2. soll es die informationen an eine mail adresse schicken.

es wäre cool, wenn jemand mir den code anpassen könnte. wäre sehr hilfreich.
danke

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 
  <head> 
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> 
		<s***** type="text/javas*****" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></s*****>
    <title>Feedback</title> 
  <style type="text/css">
	button {
		background-color: white;
		border: 1px solid #aaa;
		border-radius: 4px;
		cursor: default;
		padding: 1px 8px;
	}
	button:hover {
		border: 1px solid #DDA019;
		box-shadow: 0 0 1px #999999;
	}
	
	#feedback {
		width: 187px;
		position: fixed;
		left: -209px;
		top: 10%;
		border: 1px solid #aaa;
		border-radius: 0 0 4px 0;
		padding: 10px;
		font: 12px/14px "Trebuchet MS";
	}
	
	#feedback .oc {
		width: 20px;
		height: 20px;
		position: absolute;
		left: 207px; /* #feedback width + padding x2 */
		top: -1px;
		padding: 10px;
		background: url(css/right.png) no-repeat 50% 50% white;
		border: 1px solid #aaa;
		border-left: 0;
		border-radius: 0 4px 4px 0;
	}
	
	#feedback .oc.open {
		background: url(css/left.png) no-repeat 50% 50% white;
		padding: 10px;
	}
	
	#feedback .label {
		width: 64px;
		height: 14px;
		position: absolute;
		left: 178px;
		top: 69px;
		padding: 4px 4px 8px 16px;
		border: 1px solid #aaa;
		border-left: 0;
		border-bottom: 0;
		border-radius: 0 4px 0 0;
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		background-color: white;
	}
	
	#feedback .rating {
		font: bold 14px/14px "Trebuchet MS";
	}
	
	#feedback #stars {
		margin: 7px 0 4px;
	}
	
	#feedback .star.empty {
		height: 16px;
		width: 19px;
		display: inline-block;
		background: url(css/star-e.png) no-repeat;
	}
	
	#feedback .star {
		height: 16px;
		width: 19px;
		display: inline-block;
		background: url(css/star.png) no-repeat;
	}
	
	#feedback textarea {
		height: 70px;
		width: 184px;
		border: 1px solid #aaa;
		border-radius: 4px;
		margin-bottom: 8px;
		font: 12px/14px Arial;
	}
  </style>
  <s***** type="text/javas*****">
	$(document).ready(function(){
		var stars = 0;
		$("#feedback .oc").click(function(){
			if($("#feedback .oc").hasClass("open")){
				$("#feedback").animate({left:'-209px'},1000, function(){
					$("#feedback .oc.open").removeClass("open");
				});
			} else {
				$("#feedback").animate({left:'-1px'},1000, function(){
					$("#feedback .oc").addClass("open");
				});
			}
		});
		$(".star").click(function(){
			stars = $("#feedback .star").index(this)+1;
			$(".star:lt("+stars+")").removeClass("empty");
			$(".star:eq("+stars+")").addClass("empty");
			$(".star:gt("+stars+")").addClass("empty");
		});
		$("#feedback .submit").click(function(){
			alert("Es wurden "+stars+" Sterne vergeben. Positives Feedback: "+$("#feedback .pro").val()+" || Negatives Feedback: "+$("#feedback .contra").val());
		});
	});
  </s*****>
  </head> 
  <body>
	<div id="feedback">
		<div class="oc"></div>
		<div class="label">Feedback</div>
		<span class="rating">Ihre Bewertung:</span>
		<div id="stars">
			<div class="1 star empty"></div>
			<div class="2 star empty"></div>
			<div class="3 star empty"></div>
			<div class="4 star empty"></div>
			<div class="5 star empty"></div>
		</div>
		Was finden Sie gut?
		<textarea class="pro" rows="100" cols="100"></textarea>
		Was w�rden Sie wie verbessern?
		<textarea class="contra" rows="100" cols="100"></textarea>
		<button class="submit">Abschicken</button>
	</div> <!-- #feedback -->
  </body> 
</html>