Ich stelle einfach den kompleten code online!
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html"; charset="utf-8">
<link rel="stylesheet" type="text/css" href="../../../../../../xampp/htdocs/Unbenannte Site 5/CSS von Datatrans.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("dt").click(function(){
$(this).next("dd").slideToggle("fast");
$(this).children("a").toggleClass("closed open");
});
});
</script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
jQuery(function($){
$.datepicker.regional['de'] = {clearText: 'löschen', clearStatus: 'aktuelles Datum löschen',
closeText: 'schließen', closeStatus: 'ohne Änderungen schließen',
prevText: '<zurück', prevStatus: 'letzten Monat zeigen',
nextText: 'Vor>', nextStatus: 'nächsten Monat zeigen',
currentText: 'heute', currentStatus: '',
monthNames: ['Januar','Februar','März','April','Mai','Juni',
'Juli','August','September','Oktober','November','Dezember'],
monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
'Jul','Aug','Sep','Okt','Nov','Dez'],
monthStatus: 'anderen Monat anzeigen', yearStatus: 'anderes Jahr anzeigen',
weekHeader: 'Wo', weekStatus: 'Woche des Monats',
dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
dayStatus: 'Setze DD als ersten Wochentag', dateStatus: 'Wähle D, M d',
dateFormat: 'dd.mm.yy', firstDay: 1,
initStatus: 'Wähle ein Datum', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional['de']);
});
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
effect: "fold",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
});
</script>
<script type="text/javascript">
function chkFormular () {
if (document.Abholadresse.Abholadresse.value == "") {
alert("Bitte Ihren Namen eingeben!");
document.Formular.User.focus();
return false;
}
if (document.Formular.Ort.value == "") {
alert("Bitte Ihren Wohnort eingeben!");
document.Formular.Ort.focus();
return false;
}
if (document.Formular.Mail.value == "") {
alert("Bitte Ihre E-Mail-Adresse eingeben!");
document.Formular.Mail.focus();
return false;
}
if (document.Formular.Mail.value.indexOf("@") == -1) {
alert("Keine E-Mail-Adresse!");
document.Formular.Mail.focus();
return false;
}
if (document.Formular.Alter.value == "") {
alert("Bitte Ihr Alter eingeben!");
document.Formular.Alter.focus();
return false;
}
var chkZ = 1;
for (i = 0; i < document.Formular.Alter.value.length; ++i)
if (document.Formular.Alter.value.charAt(i) < "0" ||
document.Formular.Alter.value.charAt(i) > "9")
chkZ = -1;
if (chkZ == -1) {
alert("Altersangabe keine Zahl!");
document.Formular.Alter.focus();
return false;
}
}
</script>
<title>Datatrans 2.0</title>
</head>
<body>
<script>
function pruefen()
{
res = true;
a = document.form1;
if(a.Menge.value == ''){res = false;}
if(a.Feld2.value == ''){res = false;}
if(a.Feld3.value == ''){res = false;}
if(a.Feld4.value == ''){res = false;}
if(res == false){alert('Bitte Pflichtfelder ausfüllen!')}
return res;
}
</script>
<div id="datatrans">
<P>
<?php
<div id="h2">
<h2> Abholadresse </h2>
<form action="http://maps.google.com/maps" method="get" target="_blank">
<fieldset id="rahmen">
<form name="Abholadresse">
<label>Abholadresse (PLZ/Straße/Hausnummer)</label>
<input class="inputbox" type="text" name="saddr" value="" />
<p>
<label>Zustelladresse (PLZ/Straße/Hausnummer)</label>
<input class="inputbox" type="text" name="daddr" value="" />
<button type="submit">Karte aufrufen</button>
</fieldset>
<input type="reset" value="Löschen">
</form>
</P>
<p>
<form name=Datum>
<fieldset id="rahmen">
Abholdatum <input type="text" id="datepicker">
Uhrzeit
<select>
<option value="1:00">1:00</option>
<option value="2:00">2:00</option>
<option value="3:00">3:00</option>
<option value="4:00">4:00</option>
<option value="5:00">5:00</option>
<option value="6:00">6:00</option>
<option value="7:00">7:00</option>
<option value="8:00">8:00</option>
<option value="9:00">9:00</option>
<option value="10:00">10:00</option>
<option value="11:00">11:00</option>
<option value="12:00" selected >12:00</option>
<option value="13:00">13:00</option>
<option value="14:00">14:00</option>
<option value="15:00">15:00</option>
<option value="16:00">16:00</option>
<option value="17:00">17:00</option>
<option value="18:00">18:00</option>
<option value="19:00">19:00</option>
<option value="20:00">20:00</option>
<option value="21:00">21:00</option>
<option value="22:00">22:00</option>
<option value="23:00">23:00</option>
<option value="24:00">24:00</option>
</select>
</fieldset>
</form>
<P>
<div id="h3">
<h3> Beauftrage Serviceleistung </h3>
</div>
<div id="container">
<dl>
<dt>Zusatzinformatuion (Zum aufklappen klicken)
<p>
<dd><form name=Beauftragte Serviceleistung>
<fieldset id="rahmen">
<input type="radio" name=Serviceleistung1 value="1" >Klein LKW
<input type="radio" name=Serviceleistung1,2 value="2" >mit Anhänger
</fieldset>
</form>
<p>
<form name=Beauftragte Serviceleistung>
<fieldset id="rahmen">
<input type="radio" name=Serviceleistung2 value="1">LKW
<input type="radio" name=Serviceleistung2,2 value="2">mit Anhänger
</fieldset>
</form>
<p>
<form name=Beauftragte Serviceleistung>
<fieldset id="rahmen">
<input type="radio" name=Serviceleistung3,1 value="1">Traktor
<input type="radio" name=Serviceleistung3,2 value="2">mit Frontlader
<input type="radio" name=Serviceleistung3,3 value="3"> mit <input type="text" name="Traktor Zubehör">
</fieldset>
</form>
<p>
<form name=Beauftragte Serviceleistung 2>
<fieldset id="rahmen">
<input type="radio" name=Serviceleistung4 value="1">Sammelverkehr
<input type="radio" name=Serviceleistung4 value="2">Sonderfahrt
</fieldset>
</form>
<p>
<form name=Beauftragte Serviceleistung 2>
<fieldset id="rahmen">
<input type="radio" name=Serviceleistung5,1 value="1">Zeitaufwand <input type="text" name="Zeitaufwand">
<input type="radio" name=Serviceleistung5,2 value="2">Wartezeit <input type="text" name="Wartezeit">
</fieldset>
</form>
<p>
<form name=Beauftragte Serviceleistung 2>
<fieldset id="rahmen">
<input type="radio" name=Serviceleistung6 value="1"> KM <input type="text" name="KM">
</fieldset>
</form>
</p></dd>
</dl>
</div>
<div id="tabelle">
<form name="Tabelle"
<form action="<?php echo $_SERVER["PHP_SELF"]">
<table border="1">
<tr>
<th>Menge</th>
<th>Verpackung</th>
<th>Warenbezeichnung</th>
<th>Gewicht</th>
</tr>
<tr>
<td><input type="text" size="20" maxlength="20" name="Menge"></td>
<td><input type="text" size="30" maxlength="30" name="Verpackung"></td>
<td><input type="text" size="30" maxlength="30" name="Warenbezichnung"></td>
<td><input type="text" name="Gewicht"></td>
</tr>
<tr>
<td><input type="text" size="20" maxlength="20" name="Menge"></td>
<td><input type="text" size="30" maxlength="30" name="Verpackung"></td>
<td><input type="text" size="30" maxlength="30" name="Warenbezichnung"></td>
<td><input type="text" name="Gewicht"></td>
</tr>
<tr>
<td><input type="text" size="20" maxlength="20" name="Menge"></td>
<td><input type="text" size="30" maxlength="30" name="Verpackung"></td>
<td><input type="text" size="30" maxlength="30" name="Warenbezichnung"></td>
<td><input type="text" name="Gewicht"> </td>
</tr>
</table>
<input type="reset" style="float:left" value="Löschen">
</form>
</div>
<br>
<p>
<div id="h4">
<h4>Bemerkungen</h4>
</div>
<td Bemerkung="1">
<textarea name="ztext1" cols="93" rows="5">
</textarea>
<input type="reset" value="Löschen">
</td>
</form>
<p>
<input type="checkbox" name="checkagb" value="1">
Ich bin mit denn AGB´s einverstanden!
<button id="opener">AGB´s öffnen</button>
<div id="dialog" title="AGBS">
<p>BLABLABLABLALBALBA.</p>
</div>
</form>
</p>
</h1>
<p>
<div id="h4">
<h4>Liefertermin Berrechnen:</h4>
</div>
<form method="get" action="Liefertermin Berrechnung Express.html">
<input type="submit" name="Express" value="Express">
</form>
<form method="post" action="Liefertermin Berrechnung Standard.html">
<input type="submit" name="Standard" value="Standard">
</form>
<p>
<form>
<input type="button" value=" Seite Drucken " onClick="javascript:window.print()">
</form>
<form>
<button onclick="Absenden()">Abschicken</button>
<div id="Abschicken">
<script>
function Absenden()
{
var x;
var r=confirm("Sind Sie sicher?");
if (r==true)
{
x="Ihre Anfrage wurde abgeschickt!";
}
else
{
x="Abrruch!";
}
document.getElementById("Abschicken").innerHTML=x;
}
</script>
</form>
<form>
<button onclick="Datum()">Datum</button>
<script language="JavaScript" type="text/javascript">
function Datum()
{
var heute=new Date();
var tag, monat,jahr,starttag,startmonat,startjahr;
starttag=heute.getDate();
startmonat=heute.getMonth();
startjahr=heute.getFullYear();
{
heute=new Date(startjahr, startmonat, starttag + 2);
tag=heute.getDate();
if(tag<10)tag="0"+tag;
monat=heute.getMonth()+1;
if(monat<10)monat="0"+monat;
jahr=heute.getFullYear();
document.write("<option value='"+tag+"."+monat+"."+jahr+"'>"+tag+"."+monat+"."+jahr+"</option><br>");
}
document.getElementById("Datum").innerHTML =Datum;
}
</script>
</form>
</div>
</p>
</div>
</body>
</html>
Zum testen verwende ich Dreamweaver und XAMPP als Test umgebung
Danke für deine Hifle
nicht angemeldet
Gunnar Bittersmann
Matthias Apsel
Der Martin
JürgenB
