Hallo zusammen!
Ich habe für unseren Verein eine kleine aber feine Webseite erstellt. Ich möchte, dass Interessenten auch ein Kontaktformular nutzen können. Zwar gibt es hier einige Generatoren, ich möchte aber nicht, dass Werbung kommt oder man auf externe Seiten als Bestätigung geleitet wird. Es soll innerhalb der Webseite einfach eine Info kommen, dass erfolgreich versendet wurde. So ganz komm ich mit PHP aber nicht aus. Vielleicht kann mir da ja jemand helfen.
Beste Grüße und schon mal vielen Dank im Voraus!
Hier der Code der Seite. Natürlich nur der relevante Auszug ^^
Ich habe für unseren Verein eine kleine aber feine Webseite erstellt. Ich möchte, dass Interessenten auch ein Kontaktformular nutzen können. Zwar gibt es hier einige Generatoren, ich möchte aber nicht, dass Werbung kommt oder man auf externe Seiten als Bestätigung geleitet wird. Es soll innerhalb der Webseite einfach eine Info kommen, dass erfolgreich versendet wurde. So ganz komm ich mit PHP aber nicht aus. Vielleicht kann mir da ja jemand helfen.
Beste Grüße und schon mal vielen Dank im Voraus!
Hier der Code der Seite. Natürlich nur der relevante Auszug ^^
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<title>GH</title>
<meta name="robots" content="index,nofollow" />
<meta name="google-site-verification" content="CasNw3dMwxbq6jzBvsxak2eeoVKuWYu6uScueB0vsXg" />
<meta name="description" content="'GH" />
<meta name="keywords" content="" />
<meta name="copyright" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Cicle_300.font.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/content_switch.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/forms.js"></script>
<script type="text/javascript" src="js/jquery.color.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/cScroll.js"></script>
</head>
<body>
<div class="page_spinner"><div></div></div>
<div class="main">
<div class="wrapper">
<nav class="menu">
<ul id="menu">
<br> <li><a href="#"><span>dasHaus</span></a>
<ul class="submenu">
<li><a href="#!/page_verein">der verein.</a></li>
<li><a href="#!/page_vorstand">der vorstand.</a></li>
<li><a href="#!/page_beitritt">beitritt.</a></li>
</ul>
</li>
<li><a href="#"><span>projekte</span></a>
<ul class="submenu">
<li><a href="#!/page_projekte_1">anstehendes.</a></li>
<li><a href="#!/page_projekte_2">abgeschlossenes.</a></li>
</ul>
</li>
<li><a href="#!/page_mail"><span>kontakt</span></a></li>
<br>
<img class="padd" src="images/dot-line.png" alt>
<br>
</ul>
</nav>
<!--content -->
<article id="content">
<ul>
<li id="page_mail">
<h1>du fragst, wir antworten!</h1>
<form action="#" id="ContactForm">
<div class="success">Nachricht verschickt!<br>
<strong>Wir antworten Ihnen so schnell wie möglich.</strong> </div>
<fieldset>
<div class="wrapper">
<label class="name">
<span class="bg"><input type="text" value="Vorname:" class="input"></span>
<span class="error">*Keine gültige Eingabe.</span> <span class="empty">*Dieses Feld ist pflicht.</span>
</label>
</div>
<div class="wrapper">
<label class="surname">
<span class="bg"><input type="text" value="Name:" class="input"></span>
<span class="error">*Keine gültige Eingabe.</span> <span class="empty">*Dieses Feld ist pflicht.</span>
</label>
</div>
<div class="wrapper">
<label class="email">
<span class="bg"><input type="text" value="E-mail:" class="input"></span>
<span class="error">*Keine gültige Eingabe.</span> <span class="empty">*Dieses Feld ist pflicht.</span>
</label>
</div>
<div class="wrapper">
<label class="message">
<span class="bg"><textarea rows="1" cols="1">Message:</textarea></span>
<span class="error">*Nachricht zu kurz.</span> <span class="empty">*Dieses Feld ist pflicht.</span>
</label>
</div>
<div class="btns"><a href="#" class="link1" data-type="submit">send</a><a href="#" class="link1" data-type="reset">clear</a></div>
</fieldset>
</form>
</li>
</ul>
<div id="folio">
<div id="images">
<div id="gallery">
<ul>
<li><img src="images/img1.jpg" alt=""></li>
<li><img src="images/img2.jpg" alt=""></li>
<li><img src="images/img3.jpg" alt=""></li>
<li><img src="images/img4.jpg" alt=""></li>
<li><img src="images/img5.jpg" alt=""></li>
<li><img src="images/img6.jpg" alt=""></li>
<li><img src="images/img7.jpg" alt=""></li>
<li><img src="images/img8.jpg" alt=""></li>
</ul>
</div>
</div>
<div class="scroll_gallery">
<span class="scroll_drag"></span>
</div>
</div>
</article>
<!--content end-->
</div>
</div>
<div class="main">
<!--footer -->
<footer>
<ul id="icons">
<li><a href="http://facebook.beispiel.de/" target="_blank"><img src="images/icon2.png" alt=""><img src="images/icon2_active.gif" alt="" class="img_act"></a></li>
</ul>
© 2013 Beispiel • <a href="#!/page_privacy">Impressum | Haftung</a>
<!-- {%FOOTER_LINK} -->
</footer>
<!--footer end-->
</div>
<script type="text/javascript"> Cufon.now(); </script>
<script>
$(window).load(function() {
$('.page_spinner').fadeOut();
$('body').css({overflow:'visible'})
})
</script>
<!--coded by koma-->
</body>
</html>