Hallo,
ich habe da mal ein kleines Problem. Ich habe ein Formular gebaut das ich gerne drucken möchte. Die Wertübergabe der normalen Textfelder funktioniert, doch leider bekomme ich die aktivierten Radiobutton-Werte nicht dort hin, wo ich möchte.
Hier mal der bisherige Code:
Öffnen eines Druckfensters
<script language="JavaScript">
var jetzt = new Date();
var Jahr = jetzt.getFullYear();
var Tag = jetzt.getDay();
var Wochentag = new Array("Sonntag, ", "Montag, ", "Dienstag, ", "Mittwoch, ",
"Donnerstag, ", "Freitag, ", "Samstag, ");
var Jahresmonat = jetzt.getMonth();
var Monat = new Array(". Januar ", ". Februar ", ". März ", ". April ", ". Mai ", ". Juni ",
". Juli ", ". August ", ". September ", ". Oktober ", ". November ", ". Dezember ");
druck = null; /* Initial. f. Schliessroutine */
function schliessen()
// schliesst zusaetzl. geoeffnetes Fenster (beim Verlassen der Seite)
{
if (druck != null)
if (!druck.closed)
druck.close();
}
window.onunload = schliessen;
// Neues Fenster mit eingegebenen Werten
function fenster(Anrede, Vorname, Nachname, Straße, Ort, Telefon, Mail, zusatz, Kursbeginn, Uhrzeit, kosten)
{
if (window.print)
{
ParaString = 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, WIDTH=450, HEIGHT=450';
druck = window.open ('', 'fenster',ParaString)
druck.document.clear()
druck.document.open()
druck.document.write('<HTML><HEAD><TITLE>Anmeldung</TITLE>');
druck.document.write('<P ALIGN="RIGHT"><STRONG><FONT SIZE="+2" COLOR="#0744B9">CBW GmbH</FONT></STRONG></P>');
druck.document.write('<P ALIGN="RIGHT"><FONT SIZE="+1" COLOR="#000000">College Berufliche Weiterbildung<BR>Rootsoll 1b<BR>22397 Hamburg</FONT></p>');
druck.document.write('<BODY BGCOLOR="#FFFFFF" TEXT="#000000">')
druck.document.write('<P><STRONG>Kurs:<BR></STRONG>');
druck.document.write(zusatz,'<BR><BR>');
druck.document.write('<BODY BGCOLOR="#FFFFFF" TEXT="#000000">')
druck.document.write('<P><STRONG>Ihre Angaben:<BR></STRONG>');
druck.document.write(Anrede,'<BR>');
druck.document.write(Vorname + Nachname,'<BR>');
druck.document.write(Straße,'<BR>');
druck.document.write(Ort,'<BR><BR>');
druck.document.write(Telefon,'<BR>');
druck.document.write(Mail,'<BR>');
druck.document.write('<BODY BGCOLOR="#FFFFFF" TEXT="#000000"><P ALIGN="RIGHT">')
druck.document.write(Wochentag[Tag] + Tag + Monat[Jahresmonat] + Jahr);
druck.document.write('<P><STRONG>Kursdaten:<BR></STRONG>');
druck.document.write(zusatz,'<BR>');
druck.document.write(Kursbeginn,'<BR>');
druck.document.write(Uhrzeit,'<BR><BR>');
druck.document.write('<BODY BGCOLOR="#FFFFFF" TEXT="#000000">')
druck.document.write('<P><STRONG>Kosten:<BR></STRONG>');
druck.document.write(kosten,'<BR><BR>');
druck.document.write('<BODY BGCOLOR="#FFFFFF" TEXT="#000000">')
druck.document.write('<p><a href="javascript:self.print()"><STRONG>Seite drucken</STRONG></p>');
druck.document.write('</BODY></HTML>')
druck.document.close()
}
else
alert ("Ihr Browser erkennt die Druckfunktion leider nicht. Bitte kopieren Sie den Text daher zum ausdrucken");
}
//-->
</script>
Dann das eigentliche Formular:
<form method="post" action="anmeldung.php" name="formular" target="_parent">
<font face="Verdana" size="-1"><b>Persönliche Angaben:</b><br>
<br>
</font>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#F2F5FB">
<td width="50%"><font face="Verdana" size="-1"> Anrede*:</font></td>
<td width="50%" align="right"><select name="Anrede" size="1">
<option selected>Bitte auswählen</option>
<option value="Herr">Herr</option>
<option value="Frau">Frau</option>
</select></td>
</tr>
<tr>
<td width="50%" height="10"></td>
<td width="50%" height="10"></td>
</tr>
<tr bgcolor="#F2F5FB">
<td width="50%"><font face="Verdana" size="-1"> Vorname*:</font></td>
<td width="50%" align="right"><input type="text" name="Vorname" value="" size="30"></td>
</tr>
<tr>
<td width="50%" height="10"></td>
<td width="50%" height="10"></td>
</tr>
<tr bgcolor="#F2F5FB">
<td width="50%"><font face="Verdana" size="-1"> Nachname*:</font></td>
<td width="50%" align="right"><input type="text" name="Nachname" value="" size="30"></td>
</tr>
<tr>
<td width="50%" height="10"></td>
<td width="50%" height="10"></td>
</tr>
<tr bgcolor="#F2F5FB">
<td width="50%" valign="TOP"><font face="Verdana" size="-1"> Geburtsdatum*:</font></td>
<td width="50%" align="right"><input type="text" name="Geburtsdatum" size="30"></td>
</tr>
<tr>
<td width="50%" height="10"></td>
<td width="50%" height="10"></td>
</tr>
<tr bgcolor="#F2F5FB">
<td width="50%"><font face="Verdana" size="-1"> Straße / Hausnummer:</font></td>
<td width="50%" align="right"><input type="text" name="Straße" size="30"></td>
</tr>
<tr height="10">
<td width="50%" height="10"></td>
<td width="50%" align="right" height="10"></td>
</tr>
<tr bgcolor="#F2F5FB">
<td><font face="Verdana" size="-1"> PLZ / Ort:</font></td>
<td width="50%" align="right"><input type="text" name="Ort" size="30"></td>
</tr>
<tr height="10">
<td width="50%" height="10"></td>
<td width="50%" align="right" height="10"></td>
</tr>
<tr bgcolor="#F2F5FB">
<td width="50%"><font face="Verdana" size="-1"> Telefon:</font></td>
<td width="50%" align="right"><input type="text" name="Telefon" size="30"></td>
</tr>
<tr height="10">
<td width="50%" height="10"></td>
<td width="50%" align="right" height="10"></td>
</tr>
<tr bgcolor="#F2F5FB">
<td width="50%"><font face="Verdana" size="-1"> E-Mail:</font></td>
<td width="50%" align="right"><input type="text" name="Mail" size="30"></td>
</tr>
</table>
<p></p>
<div class="large" align="left">
Bitte einen Kursort auswählen<br><br>
</div>
<!-- Hier Kurse einbauen -->
<!-- Kurs 1 Anfang -->
<div class="great" align="left">
<input type="radio" name="zusatz" value="Deutsch Grundkurs A1"> <!-- Rot: Übergabe des Kurses -->
Poppenbüttel <!-- Kursort -->
<br>
</div>
<div class="norm">
CBW College Berufliche Weiterbildung GmbH, Rootsoll 1b, 22397 Hamburg <!-- Adresszeile -->
<p>Bitte wählen Sie den Kursbeginn:<br></p> <!-- Achtung - Umlaute immer im Layouttext eingeben, da Sie kryptisch dargestellt werden müssen -->
<!-- 3 Radiobuttons für Kursbeginn - Anfang -->
<span class="kurs"><input type="radio" name="Kursbeginn" value="am Freitag, 31.03.2006 in Poppenbüttel"> Freitag, 31.03 2006 <br><!-- Rot: Übergabe - Schwarz: sichtbarer Text -->
<input type="radio" name="Kursbeginn" value="am Freitag, 01.09.2006 in Poppenbüttel"> Freitag, 01.09.2006 <br><!-- Rot: Übergabe - Schwarz: sichtbarer Text -->
<input type="radio" name="Kursbeginn" value="am Freitag, 19.01.2007 in Poppenbüttel"> Freitag, 19.01.2007 </span><!-- Rot: Übergabe - Schwarz: sichtbarer Text -->
<!-- Radiobutton für Kursbeginn - Ende --> <!-- Wenn es weniger sein sollen, dann immer vom Zeilenanfang bis einschließlich <br> löschen - WICHTIG: </span> am Ende stehen lassen -->
<p>Bitte wählen Sie eine Uhrzeit aus:</p>
<!-- 1 Radiobuttons für Uhrzeit - Anfang -->
<span class="kurs"><input type="radio" name="Uhrzeit" value="15.00 Uhr"> 15.00 - 16.30 Uhr <br></span><!-- Rot: Übergabe - Schwarz: sichtbarer Text -->
<!-- 1 Radiobuttons für Uhrzeit - Ende -->
<p></p></div>
<div class="kurs1" align="left">
<!-- Kostentabelle Anfang -->
<b>Kosten:</b> € 38,-- monatlich , ab 7. Monat € 36,-- monatlich<!-- Kosteneingabe - sichtbar --><br>
<b>Sonstige Kosten:</b> € 35,-- (einmalig) für Bücher und Material<!-- Kosteneingabe - sichtbar --></div>
<!-- Kostentabelle Ende -->
<!-- Diese Zeile ist die versteckte Übergabe der Kosten - muß nur einmal im ersten Kursabschnitt gesetzt werden -->
<!--Achtung: Nur die Daten im Feld "value" ändern --> <!--das <br> im Text ist ein Umbruch - muß stehen bleiben -->
<input type="hidden" name="kosten" value="€ 38,-- monatlich , ab 7. Monat € 36,-- monatlich <br> € 35,-- (einmalig) für Bücher und Material">
<!-- Ende der unsichtbaren Übergabe -->
<!-- Kurs 1 Ende -->
Es handelt sich um mehrere Kurse, dies ist nur ein Ausschnitt.
Und zum Schluß die Buttonanweisung:
<input type="Button" value="ausdrucken" ONCLICK="fenster(document.formular.Anrede.value, document.formular.Vorname.value, document.formular.Nachname.value, document.formular.Straße.value, document.formular.Ort.value, document.formular.Telefon.value, document.formular.Mail.value, document.formular.zusatz.value, document.formular.Kursbeginn.value, document.formular.Uhrzeit.value, document.formular.kosten.value)">
Das ganze funktioniert schon ganz gut, bis auf die Werte aus den ausgewählten Radiobuttons.
Ich habe es schon mit "checked" statt "value" probiert, aber leider kein positives Ergebnis - immer nur die Angabe undefined.
Es wäre ganz Klasse wenn mir jemand helfen könnte.
Liebe Grüße
Axel