Commit d0731996 authored by Jesper Zedlitz's avatar Jesper Zedlitz

Eingabemaske der Marine-Verlustliste als Beispiel für ein komplexes Formular

parent a4000969
<html>
<head>
<meta charset="utf-8" />
<style>table { border: 1px solid red;border-collapse: collapse; } td { border: 1px solid red; }</style>
</head>
<body>
<div id="inputForm" style="left: 510px; top: 384px; display: block;" class="ui-draggable">
<input type="hidden" id="inputFormId" name="id" value="0" />
<table>
<tbody>
<tr>
<td>Nachname / Vorname</td>
<td></td>
<td>
<input id="inputFormLastName" size="30" name="lastName" class="initialFocus"
onfocus="onFocusSet()" onblur="this.value=casifyName(this)" type="text" autocomplete="off" />
<input id="inputFormFirstName" size="30" name="firstName" onblur="this.value=casifyName(this)" type="text"
autocomplete="off" />
</td>
</tr>
<tr style="font-size:12px">
<td>Dienstgrad</td>
<td>
<input id="TabStopDgEingabe" class="TabStopControll" title="Tab-Stop auslassen" tabindex="-1"
value="select2A|select2B|select2C|select2D|select2E|select2F" onclick="TabStopSet(this.id)" type="checkbox" />
<input id="holdselect2A" class="HoldValueControll" title="Wert in das nächste Fenster mitnehmen" tabindex="-1"
type="checkbox" />
</td>
<td>
<select onchange="combine();" id="select2A" class="CookieValue" onkeydown="spaceKeySelect(this.id, event);"
tabindex="0">
<option selected="selected"></option>
<option>xxx nicht in Liste xxx</option>
</select>
<input id="holdselect2B" title="Wert in das nächste Fenster mitnehmen" class="HoldValueControll" tabindex="-1"
type="checkbox" />
<select onchange="combine();" id="select2B" class="CookieValue" onkeydown="spaceKeySelect(this.id, event);"
tabindex="0">
<option selected="selected"></option>
<option>xxx nicht in Liste xxx</option>
</select>
<input id="holdselect2C" title="Wert in das nächste Fenster mitnehmen" class="HoldValueControll" tabindex="-1"
type="checkbox" />
<select onchange="combine();" style="border:2px solid darkgray;" class="CookieValue" id="select2C"
onkeydown="spaceKeySelect(this.id, event);" tabindex="0">
<option selected="selected"></option>
<option>xxx nicht in Liste xxx</option>
</select>
<input id="holdselect2D" title="Wert in das nächste Fenster mitnehmen" class="HoldValueControll" tabindex="-1"
type="checkbox" />
<select onchange="combine();" style="background-color: lightblue;" id="select2D" class="CookieValue"
onkeydown="spaceKeySelect(this.id, event);" tabindex="0">
<option selected="selected"></option>
<option>xxx nicht in Liste xxx</option>
</select>
<input id="holdselect2E" class="HoldValueControll" title="Wert in das nächste Fenster mitnehmen" tabindex="-1"
type="checkbox" />
<select id="select2E" class="CookieValue" onchange="combine();" onkeydown="spaceKeySelect(this.id, event);"
tabindex="0">
<option selected="selected"></option>
<option>xxx nicht in Liste xxx</option>
</select>
</td>
</tr>
<tr>
<td>Dienstgrad (Wert)</td>
<td></td>
<td>
<input id="inputFormValue02" name="value02" size="80" tabindex="-1" autocomplete="off" />
</td>
</tr>
<tr>
<td>Ort</td>
<td>
<input id="TabStopOrt" class="TabStopControll" title="Tab-Stop auslassen" tabindex="-1" value="inputFormValue01"
onclick="TabStopSet(this.id)" type="checkbox" />
<input id="holdinputFormValue01" class="HoldValueControll" title="Wert in das nächste Fenster mitnehmen"
tabindex="-1" type="checkbox" />
</td>
<td>
<input id="inputFormValue01" class="CookieValue" size="30" name="value01"
onblur="this.value=casifyName(this)" type="text" tabindex="0" autocomplete="off" />
</td>
</tr>
<tr>
<td>Status</td>
<td>
<input id="TabStopStatus" class="TabStopControll" title="Tab-Stop auslassen" tabindex="-1"
value="inputFormValue03" onclick="TabStopSet(this.id)" type="checkbox" />
<input id="holdinputFormValue03" class="HoldValueControll" title="Wert in das nächste Fenster mitnehmen"
tabindex="-1" type="checkbox" />
</td>
<td>
<select id="inputFormValue03" class="CookieValue" name="value03"
onkeydown="spaceKeySelect(this.id, event);" tabindex="0" autocomplete="off">
<option selected="selected"></option>
<option>xxx - nicht in der Liste</option>
</select>
</td>
</tr>
<tr>
<td>
<input id="writeCookie" value="merken" onclick="valueSave(CookieName + 'Val', getElements('CookieValue'), true);"
tabindex="-1" style="font-size:10px" type="button" />
<input id="reedCookie" value="holen"
onclick="valueReed(CookieName + 'Val', getElements('CookieValue'), false); combine(); inputFormValue01.focus()"
tabindex="-1" style="font-size:10px" type="button" />
</td>
<td colspan="2">
<div align="right">
<input id="inputFormSave" value="Speichern" type="submit" />
<input id="inputFormCancel" value="Abbrechen" type="button" />
</div>
</td>
</tr>
</tbody>
</table>
</div>
<script src="../libs/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http://files.genealogy.net/DES/js/casifyName4.js"></script>
<script type="text/javascript" src="http://files.genealogy.net/DES/js/test.js"></script>
<script type="application/javascript">$(document).ready(function(){
/*$(inputFormLastName).bind('blur',casifyNameProc(this));*/ }); function combine() { $("#inputFormValue02").val( (
($("#select2A").val()||"")+($("#select2B").val()||"")+($("#select2C").val()||"")+($("#select2D").val()||"")+ ' ' +
($("#select2E").val()||'')).trim() ); } function casifyNameProc(obj) { obj.value=casifyName(obj) } function onFocusSet(){ if
($(inputFormSave).val() ==="Speichern"){combine();} } function spaceKeySelect(sender, event){ if (event.keyCode ===
32){$('#' + sender).val('selected', 0); combine(); } } function resetInputFormHook(){ $('#select2A').val('selected', 0);
$('#select2B').val('selected', 0); $('#select2C').val('selected', 0); $('#select2D').val('selected', 0);
$('#select2E').val('selected', 0); }</script>
<script type="application/javascript">$(document).ready(function(){ });</script>
</body>
</html>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment