<html>
<head>
<title>...</title>
<style type="text/css">
<!--
div.hilfe {
position: absolute;
/* top: auto; Initialwert! */
/* left: auto; Initialwert! */
width: 120px;
display: inline; /* legt diesen Hilfeblock direkt hinter das INPUT-Feld */
margin-left: 15px; /* x-Abstand zum INPUT-Feld */
padding: 5px;
border: 1px solid maroon;
background-color: beige;
visibility: hidden;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
// Hilfe-Block unsichtbar/sichtbar machen:
function blockSichtbarkeit(id, boolVar)
{ if (document.getElementById)
if(boolVar)
document.getElementById(id).style.visibility="visible"
else
document.getElementById(id).style.visibility="hidden";
}
//-->
</script>
</head>
<body>
<table>
<tr>
<td>Feld 1</td>
<td>
<input id="textfeld1" type="text" onfocus="blockSichtbarkeit('hilfe1',true)" onBlur="blockSichtbarkeit('hilfe1',false)">
<div id="hilfe1" class="hilfe"> Hilfetext 1 zum Ausfüllen dieses Feldes </div>
</td>
</tr>
<tr>
<td>Feld 2</td>
<td>
<input id="textfeld2" type="text" onfocus="blockSichtbarkeit('hilfe2',true)" onBlur="blockSichtbarkeit('hilfe2',false)">
<div id="hilfe2" class="hilfe"> Hilfetext 2 zum Ausfüllen dieses Feldes </div>
</td>
</tr>
<tr>
<td>Feld 3</td>
<td>
<input id="textfeld3" type="text" onfocus="blockSichtbarkeit('hilfe3',true)" onBlur="blockSichtbarkeit('hilfe3',false)">
<div id="hilfe3" class="hilfe"> Hilfetext 3 zum Ausfüllen dieses Feldes </div>
</td>
</tr>
<tr>
<td colspan=2>usw. usf.</td>
</tr>
</table>
</body>
</html>