<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<link rel="icon" type="favicon.png" href="favicon.png">
<title>Bowling</title>
<title>Bowling Ergebnis</title>
<style type="text/css">
.out:focus {
background-color: #FFFF00;
}
.tab_frame {
border-style: none;
border-color: inherit;
border-width: 0px;
cellpadding: 0px;
cellspacing: 0px;
background-image: url("frame.png");
}
.tab_letzte {
border-style: none;
border-color: inherit;
border-width: 0px;
cellpadding: 0px;
cellspacing: 0px;
background-image: url("frame_10.png");
}
.head_innen {
text-align: center;
border-width: 14px;
}
.player {
box-shadow:inset 0px 1px 0px 0px #cf866c;
background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
background-color:#d0451b;
border-radius:3px;
border:1px solid #942911;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #854629;
}
.player:hover {
background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
background-color:#bc3315;
}
.player:active {
position:relative;
top:1px;
}
.in_text {
//border-style: none;
//border-color: inherit;
//border-width: 1px;
border: solid 0px black;
margin-left: 1px;
font-size: 14pt;
text-align: center;
width: 30px;
}
.in_text2 {
//border-style: none;
//border-color: inherit;
//border-width: 1px;
border: solid 0px black;
margin-left: 1px;
font-size: 14pt;
text-align: center;
width: 60px;
}
.spieler {
margin-bottom: 10;
font-weight: 600;
font-size: 18px;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 600;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid black;
white-space: nowrap;
padding: 12px 26px;
font-size: 18px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<script type="text/javascript">
function wurf(elem) {
var input = elem.id;
if(document.getElementById("out011").value == "") {
alert("Hallo");
}
}
</script>
</head>
<body>
<h2>Klicke auf die Anzahl der Pins</h2>
<p>
<input class="btn" type="button" id="0" onclick="wurf(this)" value="0" />
<input class="btn" type="button" id="1" onclick="wurf(this)" value="1" />
<input class="btn" type="button" id="2" onclick="wurf(this)" value="2" />
<input class="btn" type="button" id="3" onclick="wurf(this)" value="3" />
<input class="btn" type="button" id="4" onclick="wurf(this)" value="4" />
<input class="btn" type="button" id="5" onclick="wurf(this)" value="5" />
<input class="btn" type="button" id="6" onclick="wurf(this)" value="6" />
<input class="btn" type="button" id="7" onclick="wurf(this)" value="7" />
<input class="btn" type="button" id="8" onclick="wurf(this)" value="8" />
<input class="btn" type="button" id="9" onclick="wurf(this)" value="9" />
<input class="btn" type="button" id="10" onclick="wurf(this)" value="10" />
</p>
<form method="POST" action="neu.html">
<table cellpadding="0" cellspacing="0" style="border:0px;">
<tr><td colspan="21"><p class="spieler">1. Spieler <input name="spieler1" size="12" class="out" /></p></td></tr>
<tr>
<td colspan="2">
<table style=" width:99px;height:102px;" class="tab_frame">
<tr><th colspan="2" class="head_innen" valign="top"><strong>1</strong></th></tr>
<tr>
<td align="center" valign="top"><input class="in_text" id="anz011" value="" /></td>
<td align="center" valign="top"><input class="in_text" id="anz012" value="" /></td>
</tr>
<tr><td align="center" valign="center" colspan="2"><input class="in_text2" name="out013" id="out013" value="" /></td></tr>
</table>
</td>
<td colspan="2">
<table style=" width:99px;height:102px;" class="tab_frame">
<tr><th colspan="2" class="head_innen" valign="top"><strong>2</strong></th></tr>
<tr>
<td align="center" valign="top"><input class="in_text" id="anz041" value="" size="1" /></td>
<td align="center" valign="top"><input class="in_text" id="anz042" value="" size="1" /></td>
</tr>
<tr><td align="center" valign="center" colspan="2"><input class="in_text" name="out043" id="out043" value="" size="3" /></td></tr>
</table>
</td>
<td colspan="2">
<table style=" width:99px;height:102px;" class="tab_frame">
<tr><th colspan="2" class="head_innen" valign="top"><strong>3</strong></th></tr>
<tr>
<td align="center" valign="top"><input class="in_text" id="anz071" value="" size="1" /></td>
<td align="center" valign="top"><input class="in_text" id="anz072" value="" size="1" /></td>
</tr>
<tr><td align="center" valign="center" colspan="2"><input class="in_text" name="out073" id="out073" value="" size="3" /></td></tr>
</table>
</td>
<td colspan="2">
<table style=" width:99px;height:102px;" class="tab_frame">
<tr><th colspan="2" class="head_innen" valign="top"><strong>4</strong></th></tr>
<tr>
<td align="center" valign="top"><input class="in_text" id="anz101" value="" size="1" /></td>
<td align="center" valign="top"><input class="in_text" id="anz102" value="" size="1" /></td>
</tr>
<tr><td align="center" valign="center" colspan="2"><input class="in_text" name="out103" id="out103" value="" size="3" /></td></tr>
</table>
</td>
<td colspan="2">
<table style=" width:99px;height:102px;" class="tab_frame">
<tr><th colspan="2" class="head_innen" valign="top"><strong>5</strong></th></tr>
<tr>
<td align="center" valign="top"><input class="in_text" id="anz131" value="" size="1" /></td>
<td align="center" valign="top"><input class="in_text" id="anz132" value="" size="1" /></td>
</tr>
<tr><td align="center" valign="center" colspan="2"><input class="in_text" name="out133" id="out133" value="" size="3" /></td></tr>
</table>
</td>
<td colspan="2">
<table style=" width:99px;height:102px;" class="tab_frame">
<tr><th colspan="2" class="head_innen" valign="top"><strong>6</strong></th></tr>
<tr>
<td align="center" valign="top"><input class="in_text" id="anz161" value="" size="1" /></td>
<td align="center" valign="top"><input class="in_text" id="anz162" value="" size="1" /></td>
</tr>
<tr><td align="center" valign="center" colspan="2"><input class="in_text" name="out163" id="out163" value="" size="3" /></td></tr>
</table>
</td>
<td colspan="2">
<table style=" width:99px;height:102px;" class="tab_frame">
<tr><th colspan="2" class="head_innen" valign="top"><strong>7</strong></th></tr>
<tr>
<td align="center" valign="top"><input class="in_text" id="anz191" value="" size="1" /></td>
<td align="center" valign="top"><input class="in_text" id="anz192" value="" size="1" /></td>
</tr>
<tr><td align="center" valign="center" colspan="2"><input class="in_text" name="out193" id="out193" value="" size="3" /></td></tr>
</table>
</td>
<td colspan="2">
<table style=" width:99px;height:102px;" class="tab_frame">
<tr><th colspan="2" class="head_innen" valign="top"><strong>8</strong></th></tr>
<tr>
<td align="center" valign="top"><input class="in_text" id="anz221" value="" size="1" /></td>
<td align="center" valign="top"><input class="in_text" id="anz222" value="" size="1" /></td>
</tr>
<tr><td align="center" valign="center" colspan="2"><input class="in_text" name="out223" id="out223" value="" size="3" /></td></tr>
</table>
</td>
<td colspan="2">
<table style=" width:99px;height:102px;" class="tab_frame">
<tr><th colspan="2" class="head_innen" valign="top"><strong>9</strong></th></tr>
<tr>
<td align="center" valign="top"><input class="in_text" id="anz251" value="" size="1" /></td>
<td align="center" valign="top"><input class="in_text" id="anz252" value="" size="1" /></td>
</tr>
<tr><td align="center" valign="center" colspan="2"><input class="in_text" name="out253" id="out253" value="" size="3" /></td></tr>
</table>
</td>
<td colspan="3">
<table style=" width:99px;height:102px;" class="tab_letzte">
<tr><th colspan="3" class="head_innen" valign="top"><strong>10</strong></th></tr>
<tr>
<td align="center" valign="top"><input class="in_text" id="anz281" value="" size="1" /></td>
<td align="center" valign="top"><input class="in_text" id="anz282" value="" size="1" /></td>
<td align="center" valign="top"><input class="in_text" id="anz282" value="" size="1" /></td>
</tr>
<tr><td align="center" valign="center" colspan="2"><input class="in_text" name="out284" id="out284" value="" size="3" /></td></tr>
</table>
</td>
</tr>
<tr>
<td><input value="" size="2" class="out" name="out011" id="out011" type="text" /></td>
<td><input value="" size="2" class="out" name="out012" id="out012" type="text" /></td>
<td><input value="" size="2" class="out" name="out041" id="out041" type="text" /></td>
<td><input value="" size="2" class="out" name="out042" id="out042" type="text" /></td>
<td><input value="" size="2" class="out" name="out071" id="out071" type="text" /></td>
<td><input value="" size="2" class="out" name="out072" id="out072" type="text" /></td>
<td><input value="" size="2" class="out" name="out101" id="out101" type="text" /></td>
<td><input value="" size="2" class="out" name="out102" id="out102" type="text" /></td>
<td><input value="" size="2" class="out" name="out131" id="out131" type="text" /></td>
<td><input value="" size="2" class="out" name="out132" id="out132" type="text" /></td>
<td><input value="" size="2" class="out" name="out161" id="out161" type="text" /></td>
<td><input value="" size="2" class="out" name="out162" id="out162" type="text" /></td>
<td><input value="" size="2" class="out" name="out191" id="out191" type="text" /></td>
<td><input value="" size="2" class="out" name="out192" id="out192" type="text" /></td>
<td><input value="" size="2" class="out" name="out221" id="out221" type="text" /></td>
<td><input value="" size="2" class="out" name="out222" id="out222" type="text" /></td>
<td><input value="" size="2" class="out" name="out251" id="out251" type="text" /></td>
<td><input value="" size="2" class="out" name="out252" id="out252" type="text" /></td>
<td><input value="" size="2" class="out" name="out281" id="out281" type="text" /></td>
<td><input value="" size="2" class="out" name="out282" id="out282" type="text" /></td>
<td><input value="" size="2" class="out" name="out283" id="out283" type="text" /></td>
</tr>
</table>
<br>
</form>
</body>
</html>
nicht angemeldet
Rolf B
MudGuard
Gunnar Bittersmann
Der Martin