Hallo zusammen
Ich muss in einer Homepage den unten aufgeführten Code einfügen.
Soweit kein Problem.
Das sieht dann so aus.

Ich würde aber gerne die Anreise und Abreise Felder nebeneinander anordnen.
So wie in diesem Beispiel.

Nur habe ich absolut keine Anhnung wie ich das anstellen kann.
Auch würde ich gerne die Schriftfarbe der Anreise und Abreise verändern.
Kann mir bitte jemand helfen?
Danke und Viele Grüße
Willi
<html>
<head>
<meta http‐equiv="Content‐Type" content="text/html; charset=iso‐8859‐1">
<link rel="stylesheet" type="text/css" href="calendar/jscalendar‐1.0/calendar‐win2k‐1.css">
<script type="text/javascript" src="calendar/jscalendar‐1.0/calendar.js"></script>
<script type="text/javascript" src="calendar/jscalendar‐1.0/lang/calendar‐de.js"></script>
<script type="text/javascript" src="calendar/jscalendar‐1.0/calendar‐setup.js"></script>
</head>
<body>
<form action="http://www.dirs21.de/DIRS21_Book/hotel‐zum‐test/default.aspx" name="frm_dirs"
id="frm_dirs" method="post"/>
Anreise <input type="text" name="anreise" id="anreise" value="" style="width:65px" />
<img id="cal_arr" src="icon_cal.gif"/><br />
Abreise
<input type="text" name="abreise" id="abreise" value="" style="width:65px" />
<img id="cal_dep" src="icon_cal.gif"/>
<script type="text/javascript">
Calendar.setup(
{
inputField : "anreise", // ID of the input field
ifFormat : "%d.%m.%y", // the date format
button : "cal_arr" // ID of the button
}
);
</script>
<script type="text/javascript">
Calendar.setup(
{
inputField : "abreise", // ID of the input field
ifFormat : "%d.%m.%y", // the date format
button : "cal_dep" // ID of the button
}
);
</script>
<script type="text/javascript">
function DoPostBack()
{
frm_dirs.action = frm_dirs.action + "?anreise=" + frm_dirs.anreise.value +
"&abreise=" + frm_dirs.abreise.value + "&" + frm_dirs.ztyp.value + "=" + frm_dirs.anzahl.value
frm_dirs.submit();
}
;
</script>
<br/><br/>
<select name="anzahl"><option selected value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
Ich muss in einer Homepage den unten aufgeführten Code einfügen.
Soweit kein Problem.
Das sieht dann so aus.

Ich würde aber gerne die Anreise und Abreise Felder nebeneinander anordnen.
So wie in diesem Beispiel.

Nur habe ich absolut keine Anhnung wie ich das anstellen kann.
Auch würde ich gerne die Schriftfarbe der Anreise und Abreise verändern.
Kann mir bitte jemand helfen?
Danke und Viele Grüße
Willi
<html>
<head>
<meta http‐equiv="Content‐Type" content="text/html; charset=iso‐8859‐1">
<link rel="stylesheet" type="text/css" href="calendar/jscalendar‐1.0/calendar‐win2k‐1.css">
<script type="text/javascript" src="calendar/jscalendar‐1.0/calendar.js"></script>
<script type="text/javascript" src="calendar/jscalendar‐1.0/lang/calendar‐de.js"></script>
<script type="text/javascript" src="calendar/jscalendar‐1.0/calendar‐setup.js"></script>
</head>
<body>
<form action="http://www.dirs21.de/DIRS21_Book/hotel‐zum‐test/default.aspx" name="frm_dirs"
id="frm_dirs" method="post"/>
Anreise <input type="text" name="anreise" id="anreise" value="" style="width:65px" />
<img id="cal_arr" src="icon_cal.gif"/><br />
Abreise
<input type="text" name="abreise" id="abreise" value="" style="width:65px" />
<img id="cal_dep" src="icon_cal.gif"/>
<script type="text/javascript">
Calendar.setup(
{
inputField : "anreise", // ID of the input field
ifFormat : "%d.%m.%y", // the date format
button : "cal_arr" // ID of the button
}
);
</script>
<script type="text/javascript">
Calendar.setup(
{
inputField : "abreise", // ID of the input field
ifFormat : "%d.%m.%y", // the date format
button : "cal_dep" // ID of the button
}
);
</script>
<script type="text/javascript">
function DoPostBack()
{
frm_dirs.action = frm_dirs.action + "?anreise=" + frm_dirs.anreise.value +
"&abreise=" + frm_dirs.abreise.value + "&" + frm_dirs.ztyp.value + "=" + frm_dirs.anzahl.value
frm_dirs.submit();
}
;
</script>
<br/><br/>
<select name="anzahl"><option selected value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>