Hallo zusammen,
ich habe leider so gut wie keine Ahnung von PHP und entsprechend musste ich bei einem Kontaktformular auf einen Generator zurückgreifen.
Jetzt habe ich das Problem dass das Formular nur unter dem IE und Chorme funktionieren, nicht aber unter dem FF und Chrome.
Bei diesen beiden Browsern kann nicht auf die Buttons geklickt werden.
Kann mir hier jemand helfen und weiss woran es liegt??
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- haupt-frame -->
<div class="frame">
<!-- haupt-frame ende -->
<!-- header -->
<div class="head"><p class="logo"><a href="index.htm"><img src="../grafiken/logo_transparent_400.png" border="0" alt="#" /></a></p>
<p class="headmenue"><a href="aktuell.htm">Aktuell</a> <a href="info.htm">Infomaterial</a> <a href="team.htm">Team</a> <a href="anfahrt.htm">Anfahrt</a> <a href="kontakt.php">Kontakt</a> <a href="impressum.htm">Impressum</a> </p>
</div>
<!-- header ende -->
<!-- menue -->
<div class="menue">
<a class="menuerechts" href="erwachsene.htm"></a>
<a class="menuelinks" href="kinder.htm"></a>
<a class="menuemitte" href="musiker.htm"></a>
</div>
<!-- menue ende -->
<!-- center -->
<div class="center">
<div class="spalteoben"><h1>Kontakt</h1></div>
<div class="spalterechts">
<div class="rechtsoben"><br />
<?php
$v0 = $_POST ["0"];$v1 = $_POST ["1"];$v2 = $_POST ["2"];$v3 = $_POST ["3"];$v4 = $_POST ["4"];$v5 = $_POST ["5"];
$datum = date("d.m.Y");
$uhrzeit = date("H:i");
$mitteilung="Hallo, am $datum wurde eine Nachricht über Ihr Kontaktformular an Sie versendet. Inhalt: Name: ".$v0." Strasse: ".$v1." Wohnort: ".$v2." usw. Mit freundlichen Grüßen";
$mail="info@hoerakademie.de";
$send=$_POST['s'];
function random($name_laenge) {
$zeichen = "abcedfhiklmnorstuvwxzABCDEFGHIJKLMNOPRTSUVWXYZ0123456789";
$name_neu = "";
mt_srand ((double) microtime() * 1000000);
for ($i = 0; $i < $name_laenge; $i++ ) {
$name_neu .= $zeichen{mt_rand (0,strlen($zeichen))};
}
return $name_neu;
}
$zufall = random(4);
$zufall2 = $zufall;
$code = $zufall2;
if(($send!="1"))
{
?>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<table id="tableOne" border="0" cellpadding="0" cellspacing="5"><tbody><tr><td colspan="2"> <h1></h1> </td></tr><tr> <td>Vorname</td><td><input style="font-family: arial; font-size: 12px; height: 20px; width: 200px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0);" name="0" type="text"></td> </tr><tr> <td>Nachname:</td><td><input style="font-family: arial; font-size: 12px; height: 20px; width: 200px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0);" name="1" type="text"></td> </tr><tr> <td>Telefon:</td><td><input style="font-family: arial; font-size: 12px; height: 20px; width: 200px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0);" name="2" type="text"></td> </tr><tr> <td>Email:</td><td><input style="font-family: arial; font-size: 12px; height: 20px; width: 200px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0);" name="3" type="text"></td> </tr><tr> <td>Ihr Anfrage:</td><td><textarea name="4" style="font-family: arial; font-size: 12px; height: 60px; width: 200px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0);" cols="20" rows="5"></textarea></td> </tr><tr> </tr></tbody></table>
<table cellpadding='0' cellspacing='5' border='0'>
<tr>
<td valign='top'>Sicherheitscheck:</td>
<td>
<span style='background:#F4F4F4;border:1px dashed #333;padding:5px 10px;color:#333;'><?php echo "$code" ?></span>
<input type='text' name='captcha'>
<input type='hidden' name='captchaCheck' value='<?php echo "$code" ?>'>
<br />(Übertragen Sie den Code in das Feld)
</td>
</tr>
</table><table id="tableThree" border="0" cellpadding="0" cellspacing="5"><tbody><tr><td colspan="2"><p><button type="submit">Absenden</button></p></td></tr></tbody></table>
<p><input type="hidden" value="1" name="s" /></p>
</form>
<?php
} else {
$captcha = $_POST["captcha"];
$captchaCheck = $_POST["captchaCheck"];
if($captcha==""||$captcha!=$captchaCheck) {
echo "<script type='text/javascript'>
alert('Bitte beantworten Sie die Sicherheitsabfrage korrekt!');
history.back(1);
</script>";
exit;
}
$send=0;
if(mail($mail,"",$mitteilung,"from:weedit | Kontakt Formular Generator"))
{
echo "<p><strong>Ihre E-Mail wurde abgesendet.</strong></p>";
echo "<p><a href=".$_SERVER['PHP_SELF'].">Zurück zum Formular</a></p>";
}else{
echo "<p><strong>Es ist ein Fehler aufgetreten!</strong></p>";
echo "<p><a href=".$_SERVER['PHP_SELF'].">Zurück zum Formular</a></p>";
}
}
?>
<!-- Dieser Link darf nicht entfernt werden. Es wäre sonst eine Copyright Verletzung -->
<p style='text-align:right;'><a href='http://www.weedit.de/'>Kontaktformular Generator</a></p>
</div>
<div class="rechtsmitte"></div>
<div class="rechtsunten"></div>
</div>
<div class="spaltelinks">
</div>
</div>
<!-- center ende -->
<!-- footer -->
<div class="footer"></div>
<!-- footer ende -->
</div>
<!-- ende alles -->
</body>
</html>
Und hier auch noch das CSS
PHP-Code:
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #000000;
background-color:#d8d9db;
background-repeat: no-repeat;
white-space: normal;
margin: 0;
padding: 0;
width:100%;
height:100%;
}
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-style:normal;
font-weight:bold;
color:#000000;
margin-left:-3px;
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:bold;
margin:0px;
}
.frame {
padding:5px;
margin: 5px auto;
width:968px;
height:785px;
background-color:#FFFFCC;
}
.head {
width:957px;
height:155px;
text-align:right;
background-color:#FFFFCC;
background-position:right top;
background-repeat:no-repeat;
background-image:url(../grafiken/eingang.jpg);
border-right:9px solid #df9d34;
border-top:5px solid #df9d34;
}
.logo {
text-align:right;
width:320px;
height:135px;
padding-top:8px;
margin-top:-5px;
}
.headmenue {
margin-top:-15px;
padding-top:0px;
text-align:right;
width:957px;
height:18px;
background-color:#ec9346;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
}
.headmenue a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
text-decoration:none;
}
.headmenue a:hover {
text-decoration:underline;
color:#FFFFFF;
}
.menue {
float:left;
width:240px;
height:600px;
border-bottom:3px solid #df9d34;
}
a.menuerechts {
float:right;
margin:0;
padding:0;
display:block;
background-image:url(../grafiken/menue_rechts_gross.png);
border-bottom:5px solid #df9d34;
background-position:top;
background-position:left;
background-repeat:no-repeat;
height:598px;
width:80px;
}
a.menuerechts:hover {
float:right;
margin:0;
padding:0;
display:block;
background-image:url(../grafiken/menue_rechts_gross.png);
background-position:bottom;
background-position:right;
background-repeat:no-repeat;
border-bottom:5px solid #df9d34;
height:598px;
width:80px;
}
a.menuelinks{
float:left;
display:block;
background-image:url(../grafiken/menue_links_gross.png);
background-position:top;
background-position:left;
background-repeat:no-repeat;
border-bottom:5px solid #df9d34;
height:598px;
width:80px;
}
a.menuelinks:hover{
float:left;
display:block;
background-image:url(../grafiken/menue_links_gross.png);
background-position:bottom;
background-position:right;
background-repeat:no-repeat;
border-bottom:5px solid #df9d34;
height:598px;
width:80px;
}
a.menuemitte{
float:left;
display:block;
background:url(../grafiken/menue_mitte_gross.png);
background-position:top;
background-position:left;
background-repeat:no-repeat;
width:80px;
border-bottom:5px solid #df9d34;
height:598px;
}
.menuemitte:hover{
display:block;
background:url(../grafiken/menue_mitte_gross.png);
background-position:bottom;
background-position:right;
background-repeat:no-repeat;
border-bottom:5px solid #df9d34;
height:598px;
width:80px;
}
.center {
float:left;
margin-bottom:5px;
width:704px;
height:590px;
border-right:9px solid #df9d34;
border-bottom:5px solid #df9d34;
padding-left:10px;
padding-bottom:4px;
padding-right:3px;
padding-top:4px;
background-color:#FFFFCC;
text-align:left;
}
.spalteoben {
margin-left:5px;
width:684px;
height:25px;
text-align:left;
padding-bottom:15px;
}
.spalterechts {
float:right;
padding:0;
display:block;
margin-right:10px;
display:block;
height:525px;
width:340px;
padding-left:6px;
}
.rechtsoben {
float:left;
padding:0;
display:block;
height:200px;
width:340px;
}
.rechtsoben a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
text-decoration:none;
color:#000000;
}
.rechtsoben a:hover {
text-decoration: underline;
}
.rechtsmitte {
float:left;
display:block;
height:12px;
width:340px;
margin-top:5px;
text-align:right;
}
.rechtsmitte a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-style:italic;
text-decoration:none;
color:#000000;
}
.rechtsmitte a:hover {
text-decoration: underline;
}
.rechtsunten {
margin-top:30px;
float:left;
width:350px;
height:275px;
}
.rechtsuntenre {
margin-top:30px;
float:left;
width:350px;
height:275px;
text-align:right;
}
.spaltelinks {
float:left;
margin-left:3px;
display:block;
height:525px;
width:340px;
text-align:left;
}
.spaltelinks a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
text-decoration:none;
color:#000000;
}
.spaltelinks a:hover {
text-decoration: underline;
}
.footer {
clear:both;
width:966px;
height:17px;
position:relative;
background-color:#fda457;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
text-align:right;
}
.footer a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
text-decoration:none;
}
.footer a:hover {
text-decoration:underline;
}
Vielen Dank