nicht angemeldet
mit diesem code funktioniert jetzt die Fehlerabfrage, allerdings wird jetzt nur die mail abgeschickt, wenn man zuerst alle Felder richtig ausgefüllt hat. Wenn man etwas falsch gemacht hat, kommt die Fehlermeldung, wenn man es dann korrigiert und abschickt geht nur eine leere Alertbox auf...
warum der Tooltip nicht funktioniert ist mir auch schleierhaft...
<html>
<head>
<title>Test</title>
<style type="text/css" media="screen">
.tooltip
{
position: absolute;
display: none;
background-color: red;
color: white;
}
s
h1
{
text-align: center;
font-size: 36px;
}
p
{
font-size: 18px;
}
label
{
display: inline-block;
width: 5em;
}
.formular
{
background-color: #ff8c00;
top: 20px;
left: 20px;
padding: 20px;
float: left;
margin: 5px;
}
</style>
<link rel="stylesheet" type="text/css" href="FormularTest.css" media="screen">
<script language="JavaScript1.2" type="text/javascript">
var a,b,c = 0;
var fehler = "";
function checkmail(mail)
{
fehler = "";
if(document.Formular.mail.value == "" || document.Formular.mail.value.indexOf("@") == -1)
{
b = 1;
fehler = fehler + "Bitte E-Mail-Adresse angeben!\n";
return Fehler();
}
}
function checkall()
{
fehler = "";
if (document.Formular.name.value == "")
{
a = 1;
fehler = fehler + "Bitte geben Sie ihren Namen an!\n";
}
if(document.Formular.mail.value == "" || document.Formular.mail.value.indexOf("@") == -1)
{
b = 1;
fehler = fehler + "Bitte geben sie eine korrekte E-Mail-Adresse an!\n";
}
if (a == 1 || b == 1)
{ return Fehler(); }
else
{ return true; }
}
function Fehler()
{
if (a == 1 || b == 1)
{
alert(fehler);
return false;
}
}
wmtt = null;
document.onmousemove = updateWMTT;
function updateWMTT(e) {
if (wmtt != null && wmtt.style.display == 'block') {
x = (e.pageX ? e.pageX : window.event.x) + wmtt.offsetParent.scrollLeft - wmtt.offsetParent.offsetLeft;
y = (e.pageY ? e.pageY : window.event.y) + wmtt.offsetParent.scrollTop - wmtt.offsetParent.offsetTop;
wmtt.style.left = (x + 3) + "px";
wmtt.style.top = (y + 3) + "px";
}
}
function showWMTT(id) {
wmtt = document.getElementById(id);
wmtt.style.display = "block";
}
function hideWMTT() {
wmtt.style.display = "none";
}
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<form name="Formular" method="post" action="mailto:marcel.laskus@gmail.com" enctype="text/plain" onsubmit="return checkall()">
<div class="formular">
<h1>Feedback</h1>
<p><label for="name">Name*</label><input name="name" size="34" type="text" onmouseover="showWMTT('1')" onmouseout="hideWMTT()"></p>
<p><label for="mail">E-Mail*</label><input name="mail" size="34" onblur="checkmail(this.value)" type="text" onmouseover="showWMTT('1')" onmouseout="hideWMTT()"></p>
<input type="submit" value="Absenden">
<input type=reset value="Reset">
</div>
</form>
</body>
</html>
Der Martin