Layout festlegen

Vorgehensweise

Für das Layout der Seite default.htm programmieren Sie folgendes:

Syntax Syntax

<%@page language="abap"%>
<html>
<head>
<link rel="stylesheet" href="../../sap/public/bc/bsp/styles/sapbsp.css">
<title> Fehlermeldungen ausgeben </title>
</head>

<body class="bspBody1">

<H1 class="bspH1"> Beratungs-Service </H1>

<form method = "post" action="<%=page->get_page_url( )%>">
<table class="bspTbvStd" cellpadding="4">
<tr>
  <td class="bspTbvHdrStd" colspan="2" align="center">
  <font size="4">Adresse</font></td>
</tr>
<tr class="bspTbvCellStd">
  <td>Name</td>
  <td><input type="text" name="name"
      value="<% page->write( value = name ). %>" size="40" ></td>
</tr>
<tr class="bspTbvCellStd">
  <td>Straße und Hausnr.</td>
  <td><input type="text" name="street"
      value="<% page->write( value = street ). %>" size="40"></td>
</tr>
<tr class="bspTbvCellStd">
  <td>Postleitzahl</td>
  <td><input type="text" name="zipcode"
      value="<% page->write( value = zipcode ). %>" size="5"></td>
</tr>
<tr class="bspTbvCellStd">
  <td>Wohnort</td>
  <td><input type="text" name="city"
      value="<% page->write( value = city ). %>" size="40"></td>
</tr>
<tr class="bspTbvCellStd">
  <td>Besuch erwünscht am</td>
  <td><input type="text" name="date_at"
      value="<% page->write( value = date_at ). %>" size="10"></td>
</tr>
<tr class="bspTbvCellStd">
  <td>zwischen</td>
  <td><input type="text" name="time_from"
      value="<% page->write( value = time_from ). %>" size="5"></td>
</tr>
<tr class="bspTbvCellStd">
  <td>und </td>
  <td><input type="text" name="time_to"
      value="<% page->write( value = time_to ). %>"size="5">&nbsp;Uhr</td>
</tr>
<tr class="bspTbvCellStd">
  <td>Senden</td>
  <td><input type="submit" name="OnInputProcessing(ok)" value="OK"></td>
</tr>
</table>
</form>
</body>
</html>

Ende des Codes

Hierbei wurde auf das Design nicht viel Wert gelegt. Wichtig dagegen sind folgende Punkte:

Bei der <form> wird die eigene Seite als Ziel-URL angegeben. Die Eingaben werden also auf der gleichen Seite verarbeitet.
Die Namen der Eingabefelder müssen mit den Attributnamen übereinstimmen, sonst kann die automatische Eingabeübernahme nicht stattfinden.
Der Submit-Button hat als Name OnInputProcessing(..). So können Sie auch später in diesem Eventhandler die Eingaben selbst überprüfen und weiterverarbeiten.
Die Berücksichtigung von Fehleingaben ist hier noch nicht integriert.

Sie können diese Seite schon einmal testen, und werden erkennen, dass die Eingaben verarbeitet werden. So wird z.B. aus einer Uhrzeit 18 die Ausgabe 18:00, und auch die Postleitzahl wird auf 5 Stellen erweitert. Bei ganz ungültigen Eingaben (z.B. abcd als Datum oder 99.99.2001), erhalten Sie eine Fehlermeldung für die Ausgabe.